<style  lang="less" scoped>
/deep/ .yaokongPersonDialog{
    background: rgba(2, 22, 42, .9);
    // max-height: 60%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    .el-dialog__header{
        padding: 10px 0;
        display: flex;
        align-items: center;
        .el-dialog__title{
            color:#fff;
            margin-left: 20px;
            flex:1;
            overflow: hidden;
            margin-right: 40px;
            font-size: 16px;
        }
        .el-dialog__headerbtn{
            top:15px;
            .el-dialog__close{
                color:#fff;
            }
        }
    }
    .el-dialog__body{
        padding-top: 0;
        padding-bottom: 10px;
        flex:1;
        overflow: hidden;
        display: flex;
        flex-direction: column;

        // 操作人弹框样式
        .operatorPwd{
            & > div + div{
                margin-top: 10px;
            }
            & > div{
                display: flex;
                align-items: center;
                & > label{
                    font-size: 14px;
                    width: 120px;
                    color: #dee2e5;
                }
                .el-input,.el-select{
                    flex:1;
                    overflow: hidden;
                }
            }
        }

        // 消息告警输入框
        .messageAlarmList{
            flex:1;
            overflow: hidden;
            .el-table{
                overflow: hidden;
                display: flex;
                flex-direction: column;
                background:transparent;
                &:before{
                    height: 0;
                }
                .el-table__header-wrapper{
                    overflow: initial;
                }
                .el-table__body-wrapper{
                    flex:1;
                    overflow: auto;
                }
            }
            .el-table th{
                background:#142e48;
            }
            .el-table tr{
                background: transparent;
            }
            .el-table td, .el-table th{
                border: 1px solid #313338;
                border-left: 0;
                border-right: 0;
                color: #dee2e5;
            }
            .el-table--enable-row-hover .el-table__body tr:hover > td {
                background-color: #3a6378;
            }
        }

    }
    .el-dialog__footer{
        // border-top: 1px solid #eee;
        .el-button{
            color: #ebeff0;
            background: linear-gradient(#176575,#07283f);
            border:0;
            box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
        }
    }
}
.Page1{
  width: 100%;
  height: 100%;
  color:#fff;
  display: flex;
  flex-direction: column;
  overflow: auto;
  position: relative;
  .headerBox{
    width: 100%;
    border-bottom: 2px solid #fff;
    position: relative;
    & > h1{
      font-size: 1.8rem;
      font-family: '宋体';
      font-weight: bold;
      text-align: center;
    }
    .headerRightBtnGroup{
      display: flex;
      align-items: center;
      align-self: flex-end;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, -50%);
    }
    .headerLeftBtnGroup{
      display: flex;
      align-items: center;
      align-self: flex-end;
      position: absolute;
      top: 50%;
      left: 1%;
      transform: translate(0, -50%);
      .block{
        margin-left: 2rem;
      }
    }
  }
  .wrapper{
    flex:1;
    overflow: auto;
    padding: 0 0px;
    box-sizing: border-box;
    .ctn{
      min-width: 2500px;
      height: 2200px;
      #svgDom{
        width: 100%;
        height: 100%;
      }
    }
  }
}
/deep/ .el-form-item__label {
  color: #fff; /* 自定义 label 的颜色 */
}

/* 调整 el-input 的 placeholder 颜色 */
/deep/ .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1;
}

/* 调整 el-select 的 placeholder 颜色 */
/deep/ .el-select .el-input__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
}
/deep/ .el-textarea__inner::placeholder {
  color: #666; /* 自定义 placeholder 的颜色 */
  opacity: 1; /* 确保颜色生效 */
}

// 遥控弹框样式
/deep/ .yaokongDialog, /deep/ .operateRecordDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 70%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 10px;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 操作人弹框样式
    .operatorPwd{
      & > div + div{
        margin-top: 10px;
      }
      & > div{
        display: flex;
        align-items: center;
        & > label{
          font-size: 14px;
          width: 80px;
        }
        .el-input{
          flex:1;
          overflow: hidden;
        }
      }
    }

    // 消息告警输入框
    .messageAlarmList{
      flex:1;
      overflow: auto;
      .el-table{
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background:transparent;
        &:before{
          height: 0;
        }
        .el-table__header-wrapper{
          overflow: initial;
        }
        .el-table__body-wrapper{
          flex:1;
          overflow: auto;
        }
      }
      .el-table th{
        background:#142e48;
      }
      .el-table tr{
        background: transparent;
      }
      .el-table td, .el-table th{
        border: 1px solid #313338;
        border-left: 0;
        border-right: 0;
        color: #dee2e5;
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #3a6378;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}


// 汇报调度弹框样式
/deep/ .reportSchedulingDialog{
  background: rgba(2, 22, 42, 1);
  max-height: 60%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-dialog__header{
    padding: 10px 0;
    .el-dialog__title{
      color:#fff;
      margin-left: 20px;
    }
    .el-dialog__headerbtn{
      top:15px;
      .el-dialog__close{
        color:#fff;
      }
    }
  }
  .el-dialog__body{
    padding-top: 0;
    padding-bottom: 0;
    flex:1;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    // 汇报调度输入框
    .reportSchedulingTextArea{
      flex:1;
      overflow: hidden;
      // .el-textarea{
      // 	height: 100%;
      // }
      .el-textarea__inner{
        height: 100%;
        color:#dee2e5;
        background:transparent;
        border: 1px solid #666;
        font-size: 16px;
      }
    }

  }
  .el-dialog__footer{
    // border-top: 1px solid #eee;
    text-align: center;
    .el-button{
      color: #ebeff0;
      background: linear-gradient(#176575,#07283f);
      border:0;
      box-shadow: 0 -2px 0 rgba(16, 164, 195, .8);
    }
  }
}
/deep/ .operateRecordDialog {
  pointer-events: auto;
  margin-right: 34%;
}
.is-highlight {
  animation: highlight 1s;
}
@keyframes highlight {
  0% {
    color: yellow;
  }
  100% {
    color: #FFFFFF;
  }
}
.brandBtn{
  animation: flash 1s infinite;
}
@keyframes flash {
  0%, 100% {
    opacity: 1; /* 完全不透明 */
  }
  50% {
    opacity: 0.5; /* 半透明 */
  }
}
.brandMsgTitle{
  font-size: 2rem;
  color: white;
}
.brandMsgP{
  font-size: 1.5rem;
  //空两个字
  margin: 2rem;
}
/deep/ .el-dialog__body{
  overflow: scroll;
}
.fault-dialog-content {
  padding: 20px;
  color: #fff;
}

/* 覆盖 Element UI 的默认样式 */
:deep(.el-tabs__item) {
  color: rgba(255, 255, 255, 0.6);
}


:deep(.el-tabs__item.is-active) {
  color: #409EFF;
}

:deep(.el-tabs__nav-wrap::after) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-form-item__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-checkbox__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-radio__label) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-input-number__decrease),
:deep(.el-input-number__increase) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-input-number__decrease:hover),
:deep(.el-input-number__increase:hover) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-input__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
:deep(.is-disabled .el-input__inner){
  background-color: #131f2a;
  border-color: rgba(255, 255, 255, 0.2);
  color: #999;
}
:deep(.el-input__inner:hover),
:deep(.el-input__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-select-dropdown__item) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-select-dropdown__item.hover) {
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-select-dropdown__item.selected) {
  color: #409EFF;
  background-color: rgba(64, 158, 255, 0.1);
}

:deep(.el-slider__runway) {
  background-color: rgba(255, 255, 255, 0.2);
}

:deep(.el-slider__bar) {
  background-color: #409EFF;
}

:deep(.el-slider__button) {
  border-color: #409EFF;
  background-color: #409EFF;
}

:deep(.el-collapse) {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
}

.distance-slider {
  width: 300px;
}

.ms-label {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.8);
}

.el-collapse {
  margin: 10px 0;
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复下拉菜单的背景色 */
:deep(.el-select-dropdown) {
  background-color: rgb(2, 22, 42);
  border-color: rgba(255, 255, 255, 0.1);
}

/* 修复弹出层的背景色 */
:deep(.el-popper[x-placement^="bottom"]) {
  background-color: rgb(2, 22, 42);
}

/* 修改折叠面板的样式 */
:deep(.el-collapse) {
  border: none;
  background-color: transparent;
}

:deep(.el-collapse-item) {
  margin-bottom: 1px;
}

:deep(.el-collapse-item__header) {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
}

:deep(.el-collapse-item__header:hover) {
  background-color: rgba(255, 255, 255, 0.1);
}

:deep(.el-collapse-item__content) {
  background-color: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 15px;
}

:deep(.el-collapse-item__arrow) {
  color: rgba(255, 255, 255, 0.8);
}

:deep(.el-collapse-item__header.is-active) {
  border-bottom-color: transparent;
}

:deep(.el-collapse-item__wrap) {
  border: none;
  background-color: transparent;
}

/* 添加新的样式 */
.fault-list {
  margin-top: 20px;
}

:deep(.el-table) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgb(28, 46, 64);
}

:deep(.el-table::before) {
  display: none;
}

:deep(.el-table td),
:deep(.el-table th.is-leaf) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--border th),
:deep(.el-table--border td) {
  border-right: 1px solid rgb(28, 46, 64);
}

:deep(.el-table thead) {
  border-bottom: 1px solid rgb(28, 46, 64);
}

:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
  background-color: rgba(2, 22, 42) !important;
}

.cancel-fault-buttons {
  display: flex;
  gap: 10px;
}

:deep(.el-textarea__inner) {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

:deep(.el-textarea__inner:focus) {
  border-color: #409EFF;
}

:deep(.el-table__empty-block) {
  background-color: transparent;
}

:deep(.el-table__empty-text) {
  color: rgba(255, 255, 255, 0.6);
}
.messageAlarmList {
  overflow: hidden;  /* 隐藏溢出内容 */
}
.messageAlarmList {
  scrollbar-width: none; /* 隐藏滚动条 */
}
.messageAlarmList::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

.Page1:active {
  cursor: grabbing;
}
</style>
<template xmlns="">
    <div class="Page1" @contextmenu.r.prevent v-if="pageData!==null" @click="cancelLeftClickMenu" @contextmenu.stop="cancelLeftClickMenu">
        <div class="headerBox">
            <div class="headerLeftBtnGroup">
                <div class="block">
                    <el-cascader
                            v-model="jiaoAnValue"
                            :options="jiaoAnOptions_1"
                            placeholder="教案"
                            style="width: 7rem;"
                            :props="{ expandTrigger: 'hover' }"
                            @change="handleChange"
                    ></el-cascader>
                </div>
                <div class="block">
                    <el-cascader
                            v-model="gongkuangValue"
                            placeholder="工况"
                            style="width: 7rem"
                            :options="gongKuangOptions"
                            :props="{ expandTrigger: 'hover' }"
                            @change="handleChange"></el-cascader>
                </div>
            </div>
            <h1 style="color: #fff;margin-left: -10%">220kV拉东变主接线图</h1>
            <div class="headerRightBtnGroup">
                <el-button @click="clearAll">全站清闪</el-button>
                <el-button @click="operationRecords">操作记录</el-button>
            </div>
        </div>
        <div class="wrapper" ref="page" @mousedown="startDrag">
            <div class="ctn">
             <svg id="svgDom">
<!--                 220-->
                 <g>
                     <line x1="0" y1="140" x2="2300" y2="140" stroke="rgb(128,0,128)" stroke-width="5"></line>
                     <line x1="0" y1="377" x2="2300" y2="377" stroke="rgb(128,0,128)" stroke-width="5"></line>
                     <line x1="0" y1="412" x2="2300" y2="412" stroke="rgb(128,0,128)" stroke-width="5"></line>
                     <!--                 仿真六线-->
                     <g>
                         <g transform="translate(-50,0)">
                             <num-screen
                                 name="仿真六线"
                                 :P="pageData['9816'][9].state_val"
                                 :Q="pageData['9816'][10].state_val"
                                 :Ia="pageData['9816'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="125" x2="135" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polygon points="130,125,135,115,140,125" fill="rgb(128,0,128)"></polygon>
                         <circle r="5" cx="180" cy="140" fill="rgb(128,0,128)"></circle>
                         <line x1="180" y1="140" x2="180" y2="155" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9816'][1].state_val"
                             :stateDesc="pageData['9816'][1].state_desc"
                             :info="pageData['9816'][1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="204"
                             :translate-y="159"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                             :name="pageData['9816'][1].state_desc.split('-')[1]"></connect-line>
                         <polyline points="135,183,177,183" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <polyline points="135,200,177,200" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9816'][6].state_val"
                             :stateDesc="pageData['9816'][6].state_desc"
                             :info="pageData['9816'][6]"
                             @itemRightClick="itemRightClick"
                             :name="pageData['9816'][6].state_desc.split('-')[1]"
                             :scale=0.6
                             :translate-x="196"
                             :translate-y="242"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <connect-line
                             :state="pageData['9816'][2].state_val"
                             :stateDesc="pageData['9816'][2].state_desc"
                             :info="pageData['9816'][2]"
                             :name="pageData['9816'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="212"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                         ></connect-line>
                         <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9816'][0].state_val"
                             :stateDesc="pageData['9816'][0].state_desc"
                             :info="pageData['9816'][0]"
                             :name="pageData['9816'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="268"
                             :translate-x="163"
                             :text-translate-x="8"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9816'][0].is_clear}"
                         ></rect-svg>
                         <polyline points="135,255,93,255" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9816'][5].state_val"
                             :stateDesc="pageData['9816'][5].state_desc"
                             :info="pageData['9816'][5]"
                             :name="pageData['9816'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="73"
                             :translate-y="212"
                             :text-translate-y="-15"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9816'][4].state_val"
                             :stateDesc="pageData['9816'][4].state_desc"
                             :info="pageData['9816'][4]"
                             :name="pageData['9816'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="117"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         <connect-line
                             :state="pageData['9816'][3].state_val"
                             :stateDesc="pageData['9816'][3].state_desc"
                             :info="pageData['9816'][3]"
                             :name="pageData['9816'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"
                         ></connect-line>
                         <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         <terminal-svg
                             :state="pageData['9816'][7].state_val"
                             :stateDesc="pageData['9816'][7].state_desc"
                             :info="pageData['9816'][7]"
                             :name="pageData['9816'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="192"
                             :translate-y="365"
                             :text-translate-y="-16"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                 仿真五线-->
                     <g transform="translate(200,0)">
                         <g transform="translate(-50,0)">
                             <num-screen
                                 name="仿真五线"
                                 :P="pageData['9815'][9].state_val"
                                 :Q="pageData['9815'][10].state_val"
                                 :Ia="pageData['9815'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="125" x2="135" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polygon points="130,125,135,115,140,125" fill="rgb(128,0,128)"></polygon>
                         <circle r="5" cx="180" cy="140" fill="rgb(128,0,128)"></circle>
                         <line x1="180" y1="140" x2="180" y2="155" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9815'][1].state_val"
                             :stateDesc="pageData['9815'][1].state_desc"
                             :info="pageData['9815'][1]"
                             :name="pageData['9815'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="204"
                             :translate-y="159"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <polyline points="135,183,177,183" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <polyline points="135,200,177,200" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9815'][6].state_val"
                             :stateDesc="pageData['9815'][6].state_desc"
                             :info="pageData['9815'][6]"
                             :name="pageData['9815'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="196"
                             :translate-y="242"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <connect-line
                             :state="pageData['9815'][2].state_val"
                             :stateDesc="pageData['9815'][2].state_desc"
                             :info="pageData['9815'][2]"
                             :name="pageData['9815'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="212"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                         ></connect-line>
                         <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9815'][0].state_val"
                             :stateDesc="pageData['9815'][0].state_desc"
                             :info="pageData['9815'][0]"
                             :name="pageData['9815'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="268"
                             :translate-x="163"
                             :text-translate-x="8"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9815'][0].is_clear}"
                         ></rect-svg>
                         <polyline points="135,255,93,255" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9815'][5].state_val"
                             :stateDesc="pageData['9815'][5].state_desc"
                             :info="pageData['9815'][5]"
                             :name="pageData['9815'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="73"
                             :translate-y="212"
                             :text-translate-y="-15"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9815'][4].state_val"
                             :stateDesc="pageData['9815'][4].state_desc"
                             :info="pageData['9815'][4]"
                             :name="pageData['9815'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="117"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         <connect-line
                             :state="pageData['9815'][3].state_val"
                             :stateDesc="pageData['9815'][3].state_desc"
                             :info="pageData['9815'][3]"
                             :name="pageData['9815'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         <terminal-svg
                             :state="pageData['9815'][7].state_val"
                             :stateDesc="pageData['9815'][7].state_desc"
                             :info="pageData['9815'][7]"
                             :name="pageData['9815'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="192"
                             :translate-y="365"
                             :text-translate-y="-16"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                 西母电压互感器-->
                     <g transform="translate(400,0)">
                         <g transform="translate(-60,130)">
                             <num-screen
                                 name="西母电压互感器"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                                 :text-width="120"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="220" x2="135" y2="310" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9806'][0].state_val"
                             :stateDesc="pageData['9806'][0].state_desc"
                             :info="pageData['9806'][0]"
                             :name="pageData['9806'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="314"
                             :text-translate-y="-5"
                             :text-translate-x="8"
                         ></connect-line>
                         <line x1="135" y1="342" x2="135" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="412" fill="rgb(128,0,128)"></circle>
                         <polyline points="135,362,93,362,93,342" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <circle r="5" cx="135" cy="362" fill="rgb(128,0,128)"></circle>
                         <g transform="translate(0,-70)">
                             <polyline points="135,362,93,362,93,342" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <circle r="5" cx="135" cy="362" fill="rgb(128,0,128)"></circle>
                         </g>
                         <terminal-svg
                             :state="pageData['9806'][1].state_val"
                             :stateDesc="pageData['9806'][1].state_desc"
                             :info="pageData['9806'][1]"
                             :name="pageData['9806'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="78"
                             :translate-y="296"
                             :text-translate-y="-5"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <terminal-svg
                             :state="pageData['9806'][2].state_val"
                             :stateDesc="pageData['9806'][2].state_desc"
                             :info="pageData['9806'][2]"
                             :name="pageData['9806'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="78"
                             :translate-y="226"
                             :text-translate-y="-10"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <dian-liu-hu-gan-qi :translate-x="-5" :translate-y="360" :rotate="-90" color="rgb(128,0,128)"></dian-liu-hu-gan-qi>
                     </g>
                     <!--                 旁路-->
                     <g transform="translate(600,0)">
                         <g transform="translate(-50,0)">
                             <num-screen
                                 name="旁路"
                                 :P="pageData['9810'][8].state_val"
                                 :Q="pageData['9810'][9].state_val"
                                 :Ia="pageData['9810'][7].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="125" x2="135" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polygon points="130,125,135,115,140,125" fill="rgb(128,0,128)"></polygon>
                         <polyline points="135,170,177,170" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9810'][5].state_val"
                             :stateDesc="pageData['9810'][5].state_desc"
                             :info="pageData['9810'][5]"
                             :name="pageData['9810'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="196"
                             :translate-y="212"
                             :text-translate-y="-26"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <connect-line
                             :state="pageData['9810'][1].state_val"
                             :stateDesc="pageData['9810'][1].state_desc"
                             :info="pageData['9810'][1]"
                             :name="pageData['9810'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="159"
                             :translate-y="212"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                          ></connect-line>
                         <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9810'][0].state_val"
                             :stateDesc="pageData['9810'][0].state_desc"
                             :info="pageData['9810'][0]"
                             :name="pageData['9810'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="268"
                             :translate-x="163"
                             :text-translate-x="8"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9810'][0].is_clear}"
                         ></rect-svg>
                         <polyline points="135,255,93,255" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9810'][4].state_val"
                             :stateDesc="pageData['9810'][4].state_desc"
                             :info="pageData['9810'][4]"
                             :name="pageData['9810'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="73"
                             :translate-y="212"
                             :text-translate-y="-15"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9810'][3].state_val"
                             :stateDesc="pageData['9810'][3].state_desc"
                             :info="pageData['9810'][3]"
                             :name="pageData['9810'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="117"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"
                         ></connect-line>
                         <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         <connect-line
                             :state="pageData['9810'][2].state_val"
                             :stateDesc="pageData['9810'][2].state_desc"
                             :info="pageData['9810'][2]"
                             :name="pageData['9810'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         <terminal-svg
                             :state="pageData['9810'][6].state_val"
                             :stateDesc="pageData['9810'][6].state_desc"
                             :info="pageData['9810'][6]"
                             :name="pageData['9810'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="192"
                             :translate-y="365"
                             :text-translate-y="-16"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                 仿真四线-->
                     <g transform="translate(800,0)">
                         <g transform="translate(-50,0)">
                             <num-screen
                                 name="仿真四线"
                                 :P="pageData['9814'][9].state_val"
                                 :Q="pageData['9814'][10].state_val"
                                 :Ia="pageData['9814'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="125" x2="135" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polygon points="130,125,135,115,140,125" fill="rgb(128,0,128)"></polygon>
                         <circle r="5" cx="180" cy="140" fill="rgb(128,0,128)"></circle>
                         <line x1="180" y1="140" x2="180" y2="155" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9814'][1].state_val"
                             :stateDesc="pageData['9814'][1].state_desc"
                             :info="pageData['9814'][1]"
                             :name="pageData['9814'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="204"
                             :translate-y="159"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <polyline points="135,183,177,183" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <polyline points="135,200,177,200" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9814'][6].state_val"
                             :stateDesc="pageData['9814'][6].state_desc"
                             :info="pageData['9814'][6]"
                             :name="pageData['9814'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="196"
                             :translate-y="242"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <connect-line
                             :state="pageData['9814'][2].state_val"
                             :stateDesc="pageData['9814'][2].state_desc"
                             :info="pageData['9814'][2]"
                             :name="pageData['9814'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="212"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                         ></connect-line>
                         <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9814'][0].state_val"
                             :stateDesc="pageData['9814'][0].state_desc"
                             :info="pageData['9814'][0]"
                             :name="pageData['9814'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="268"
                             :translate-x="163"
                             :text-translate-x="8"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9814'][0].is_clear}"
                         ></rect-svg>
                         <polyline points="135,255,93,255" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9814'][5].state_val"
                             :stateDesc="pageData['9814'][5].state_desc"
                             :info="pageData['9814'][5]"
                             :name="pageData['9814'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="73"
                             :translate-y="212"
                             :text-translate-y="-15"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9814'][4].state_val"
                             :stateDesc="pageData['9814'][4].state_desc"
                             :info="pageData['9814'][4]"
                             :name="pageData['9814'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="117"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         <connect-line
                             :state="pageData['9814'][3].state_val"
                             :stateDesc="pageData['9814'][3].state_desc"
                             :info="pageData['9814'][3]"
                             :name="pageData['9814'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         <terminal-svg
                             :state="pageData['9814'][7].state_val"
                             :stateDesc="pageData['9814'][7].state_desc"
                             :info="pageData['9814'][7]"
                             :name="pageData['9814'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="192"
                             :translate-y="365"
                             :text-translate-y="-16"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                 二号主变-->
                     <g transform="translate(950,0)">
                         <g transform="translate(42,-110)">
                             <polyline points="135,362,93,362,93,342" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <circle r="5" cx="135" cy="362" fill="rgb(128,0,128)"></circle>
                         </g>
                         <terminal-svg
                             :state="pageData['9802'][5].state_val"
                             :stateDesc="pageData['9802'][5].state_desc"
                             :info="pageData['9802'][5]"
                             :name="pageData['9802'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="119.5"
                             :translate-y="186"
                             :text-translate-y="-10"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <g transform="translate(-20,0)">
                             <num-screen
                                 name="220kV二号主变"

                                 :P="pageData['9802'][10].state_val"
                                 :Q="pageData['9802'][11].state_val"
                                 :Ia="pageData['9802'][9].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <g transform="translate(-3,0)">
                             <circle r="5" cx="180" cy="140" fill="rgb(128,0,128)"></circle>
                             <line x1="180" y1="140" x2="180" y2="155" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="pageData['9802'][1].state_val"
                                 :stateDesc="pageData['9802'][1].state_desc"
                                 :info="pageData['9802'][1]"
                                 :name="pageData['9802'][1].state_desc.split('-')[1]"
                                 @itemRightClick="itemRightClick"
                                 :scale="0.6"

                                 :rotate="90"
                                 :translate-x="204"
                                 :translate-y="159"
                                 :text-translate-y="-5"
                                 :text-translate-x="10"
                                ></connect-line>
                         </g>
                         <circle r="5" cx="204" cy="200" fill="rgb(128,0,128)"></circle>
                         <line x1="204" y1="200" x2="204" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polyline points="177,200,237,200,237,750" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <line x1="177" y1="188" x2="177" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <line x1="135" y1="310" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <g transform="translate(42,0)">
                             <connect-line
                                 :state="pageData['9802'][2].state_val"
                                 :stateDesc="pageData['9802'][2].state_desc"
                                 :info="pageData['9802'][2]"
                                 :name="pageData['9802'][2].state_desc.split('-')[1]"
                                 @itemRightClick="itemRightClick"
                                 :scale="0.6"

                                 :rotate="90"
                                 :translate-x="159"
                                 :translate-y="212"
                                 :text-translate-y="-5"
                                 :text-translate-x="-30"
                              ></connect-line>
                             <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <rect-svg
                                 :state="pageData['9802'][0].state_val"
                                 :stateDesc="pageData['9802'][0].state_desc"
                                 :info="pageData['9802'][0]"
                                 :name="pageData['9802'][0].state_desc"
                                 @itemRightClick="itemRightClick"
                                 :rotate="90"
                                 :translate-y="268"
                                 :translate-x="163"
                                 :text-translate-x="-50"
                                 :text-translate-y="-6"
                                 :scale="0.7"
                                 :itemObj="{is_clear:pageData['9802'][0].is_clear}"
                             ></rect-svg>
                         </g>
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9802'][4].state_val"
                             :stateDesc="pageData['9802'][4].state_desc"
                             :info="pageData['9802'][4]"
                             :name="pageData['9802'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <g transform="translate(43,0)">
                             <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9802'][3].state_val"
                             :stateDesc="pageData['9802'][3].state_desc"
                             :info="pageData['9802'][3]"
                             :name="pageData['9802'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="201"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <g transform="translate(43,0)">
                             <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         </g>
                         <terminal-svg
                             :state="pageData['9802'][7].state_val"
                             :stateDesc="pageData['9802'][7].state_desc"
                             :info="pageData['9802'][7]"
                             :name="pageData['9802'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="108"
                             :translate-y="365"
                             :text-translate-y="-10"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <terminal-svg
                             :state="pageData['9802'][6].state_val"
                             :stateDesc="pageData['9802'][6].state_desc"
                             :info="pageData['9802'][6]"
                             :name="pageData['9802'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="218"
                             :translate-y="255"
                             :text-translate-y="-10"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                 仿真三线-->
                     <g transform="translate(1150,0)">
                         <g transform="translate(-50,0)">
                             <num-screen
                                 name="仿真三线"
                                 :P="pageData['9813'][9].state_val"
                                 :Q="pageData['9813'][10].state_val"
                                 :Ia="pageData['9813'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="125" x2="135" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polygon points="130,125,135,115,140,125" fill="rgb(128,0,128)"></polygon>
                         <circle r="5" cx="180" cy="140" fill="rgb(128,0,128)"></circle>
                         <line x1="180" y1="140" x2="180" y2="155" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9813'][1].state_val"
                             :stateDesc="pageData['9813'][1].state_desc"
                             :info="pageData['9813'][1]"
                             :name="pageData['9813'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="204"
                             :translate-y="159"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                         ></connect-line>
                         <polyline points="135,183,177,183" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <polyline points="135,200,177,200" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9813'][6].state_val"
                             :stateDesc="pageData['9813'][6].state_desc"
                             :info="pageData['9813'][6]"
                             :name="pageData['9813'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="196"
                             :translate-y="242"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <connect-line
                             :state="pageData['9813'][2].state_val"
                             :stateDesc="pageData['9813'][2].state_desc"
                             :info="pageData['9813'][2]"
                             :name="pageData['9813'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="212"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9813'][0].state_val"
                             :stateDesc="pageData['9813'][0].state_desc"
                             :info="pageData['9813'][0]"
                             :name="pageData['9813'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="268"
                             :translate-x="163"
                             :text-translate-x="8"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9813'][0].is_clear}"
                         ></rect-svg>
                         <polyline points="135,255,93,255" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9813'][5].state_val"
                             :stateDesc="pageData['9813'][5].state_desc"
                             :info="pageData['9813'][5]"
                             :name="pageData['9813'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="73"
                             :translate-y="212"
                             :text-translate-y="-15"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9813'][4].state_val"
                             :stateDesc="pageData['9813'][4].state_desc"
                             :info="pageData['9813'][4]"
                             :name="pageData['9813'][4].state_desc.split('-')[1]"
                             :scale="0.6"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-x="117"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         <connect-line
                             :state="pageData['9813'][3].state_val"
                             :stateDesc="pageData['9813'][3].state_desc"
                             :info="pageData['9813'][3]"
                             :name="pageData['9813'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"
                         ></connect-line>
                         <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         <terminal-svg
                             :state="pageData['9813'][7].state_val"
                             :stateDesc="pageData['9813'][7].state_desc"
                             :info="pageData['9813'][7]"
                             :name="pageData['9813'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="192"
                             :translate-y="365"
                             :text-translate-y="-16"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                9800-->
                     <g transform="translate(1300,0)">
                         <polyline points="93,302,93,210,177,210,177,302" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <rect-svg
                             :state="pageData['9800'][0].state_val"
                             :stateDesc="pageData['9800'][0].state_desc"
                             :info="pageData['9800'][0]"
                             :name="pageData['9800'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="182"
                             :translate-x="122"
                             :text-translate-x="-4"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9800'][0].is_clear}"
                         ></rect-svg>
                         <connect-line
                             :state="pageData['9800'][1].state_val"
                             :stateDesc="pageData['9800'][1].state_desc"
                             :info="pageData['9800'][1]"
                             :name="pageData['9800'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="117"
                             :translate-y="306"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <connect-line
                             :state="pageData['9800'][2].state_val"
                             :stateDesc="pageData['9800'][2].state_desc"
                             :info="pageData['9800'][2]"
                             :name="pageData['9800'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="201"
                             :translate-y="306"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                         ></connect-line>
                         <line x1="177" y1="334" x2="177" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="177" cy="412" fill="rgb(128,0,128)"></circle>
                         <circle r="5" cx="93" cy="377" fill="rgb(128,0,128)"></circle>
                         <line x1="93" y1="334" x2="93" y2="375" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <line x1="177" y1="244" x2="167" y2="244" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <line x1="93" y1="244" x2="103" y2="244" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <terminal-svg
                             :state="pageData['9800'][4].state_val"
                             :stateDesc="pageData['9800'][4].state_desc"
                             :info="pageData['9800'][4]"
                             :name="pageData['9800'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="178"
                             :translate-y="285"
                             :text-translate-y="-10"
                             :text-translate-x="95"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <terminal-svg
                             :state="pageData['9800'][3].state_val"
                             :stateDesc="pageData['9800'][3].state_desc"
                             :info="pageData['9800'][3]"
                             :name="pageData['9800'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="120"
                             :translate-y="285"
                             :text-translate-y="-10"
                             :text-translate-x="85"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                 1号主变-->
                     <g transform="translate(1450,0)">
                         <g transform="translate(42,-110)">
                             <polyline points="135,362,93,362,93,342" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <circle r="5" cx="135" cy="362" fill="rgb(128,0,128)"></circle>
                         </g>
                         <terminal-svg
                             :state="pageData['9801'][5].state_val"
                             :stateDesc="pageData['9801'][5].state_desc"
                             :info="pageData['9801'][5]"
                             :name="pageData['9801'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="119.5"
                             :translate-y="186"
                             :text-translate-y="-10"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <g transform="translate(-20,0)">
                             <num-screen
                                 name="220kV一号主变"

                                 :P="pageData['9801'][10].state_val"
                                 :Q="pageData['9801'][11].state_val"
                                 :Ia="pageData['9801'][9].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <g transform="translate(-3,0)">
                             <circle r="5" cx="180" cy="140" fill="rgb(128,0,128)"></circle>
                             <line x1="180" y1="140" x2="180" y2="155" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <connect-line
                                 :state="pageData['9801'][1].state_val"
                                 :stateDesc="pageData['9801'][1].state_desc"
                                 :info="pageData['9801'][1]"
                                 :name="pageData['9801'][1].state_desc.split('-')[1]"
                                 @itemRightClick="itemRightClick"
                                 :scale="0.6"

                                 :rotate="90"
                                 :translate-x="204"
                                 :translate-y="159"
                                 :text-translate-y="-5"
                                 :text-translate-x="10"
                             ></connect-line>
                         </g>
                         <circle r="5" cx="204" cy="200" fill="rgb(128,0,128)"></circle>
                         <line x1="204" y1="200" x2="204" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polyline points="177,200,237,200,237,750" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <line x1="177" y1="188" x2="177" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <line x1="135" y1="310" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <g transform="translate(42,0)">
                             <connect-line
                                 :state="pageData['9801'][2].state_val"
                                 :stateDesc="pageData['9801'][2].state_desc"
                                 :info="pageData['9801'][2]"
                                 :name="pageData['9801'][2].state_desc.split('-')[1]"
                                 @itemRightClick="itemRightClick"
                                 :scale="0.6"

                                 :rotate="90"
                                 :translate-x="159"
                                 :translate-y="212"
                                 :text-translate-y="-5"
                                 :text-translate-x="-30"
                             ></connect-line>
                             <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <rect-svg
                                 :state="pageData['9801'][0].state_val"
                                 :stateDesc="pageData['9801'][0].state_desc"
                                 :info="pageData['9801'][0]"
                                 :name="pageData['9801'][0].state_desc"
                                 @itemRightClick="itemRightClick"
                                 :rotate="90"
                                 :translate-y="268"
                                 :translate-x="163"
                                 :text-translate-x="-50"
                                 :text-translate-y="-6"
                                 :scale="0.7"
                                 :itemObj="{is_clear:pageData['9801'][0].is_clear}"
                             ></rect-svg>
                         </g>
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9801'][4].state_val"
                             :stateDesc="pageData['9801'][4].state_desc"
                             :info="pageData['9801'][4]"
                             :name="pageData['9801'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <g transform="translate(43,0)">
                             <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9801'][3].state_val"
                             :stateDesc="pageData['9801'][3].state_desc"
                             :info="pageData['9801'][3]"
                             :name="pageData['9801'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="90"
                             :translate-x="201"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <g transform="translate(43,0)">
                             <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                             <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         </g>
                         <terminal-svg
                             :state="pageData['9801'][7].state_val"
                             :stateDesc="pageData['9801'][7].state_desc"
                             :info="pageData['9801'][7]"
                             :name="pageData['9801'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="108"
                             :translate-y="365"
                             :text-translate-y="-10"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <terminal-svg
                             :state="pageData['9801'][6].state_val"
                             :stateDesc="pageData['9801'][6].state_desc"
                             :info="pageData['9801'][6]"
                             :name="pageData['9801'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="218"
                             :translate-y="255"
                             :text-translate-y="-10"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                 仿真二线-->
                     <g transform="translate(1670,0)">
                         <g transform="translate(-50,0)">
                             <num-screen
                                 name="仿真二线"
                                 :P="pageData['9812'][9].state_val"
                                 :Q="pageData['9812'][10].state_val"
                                 :Ia="pageData['9812'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="125" x2="135" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polygon points="130,125,135,115,140,125" fill="rgb(128,0,128)"></polygon>
                         <circle r="5" cx="180" cy="140" fill="rgb(128,0,128)"></circle>
                         <line x1="180" y1="140" x2="180" y2="155" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9812'][1].state_val"
                             :stateDesc="pageData['9812'][1].state_desc"
                             :info="pageData['9812'][1]"
                             :name="pageData['9812'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="204"
                             :translate-y="159"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                         ></connect-line>
                         <polyline points="135,183,177,183" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <polyline points="135,200,177,200" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9812'][6].state_val"
                             :stateDesc="pageData['9812'][6].state_desc"
                             :info="pageData['9812'][6]"
                             :name="pageData['9812'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="196"
                             :translate-y="242"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <connect-line
                             :state="pageData['9812'][2].state_val"
                             :stateDesc="pageData['9812'][2].state_desc"
                             :info="pageData['9812'][2]"
                             :name="pageData['9812'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="212"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9812'][0].state_val"
                             :stateDesc="pageData['9812'][0].state_desc"
                             :info="pageData['9812'][0]"
                             :name="pageData['9812'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="268"
                             :translate-x="163"
                             :text-translate-x="8"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9812'][0].is_clear}"
                         ></rect-svg>
                         <polyline points="135,255,93,255" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9812'][5].state_val"
                             :stateDesc="pageData['9812'][5].state_desc"
                             :info="pageData['9812'][5]"
                             :name="pageData['9812'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="73"
                             :translate-y="212"
                             :text-translate-y="-15"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9812'][4].state_val"
                             :stateDesc="pageData['9812'][4].state_desc"
                             :info="pageData['9812'][4]"
                             :name="pageData['9812'][4].state_desc.split('-')[1]"
                             :scale="0.6"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-x="117"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         <connect-line
                             :state="pageData['9812'][3].state_val"
                             :stateDesc="pageData['9812'][3].state_desc"
                             :info="pageData['9812'][3]"
                             :name="pageData['9812'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"
                         ></connect-line>
                         <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         <terminal-svg
                             :state="pageData['9812'][7].state_val"
                             :stateDesc="pageData['9812'][7].state_desc"
                             :info="pageData['9812'][7]"
                             :name="pageData['9812'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="192"
                             :translate-y="365"
                             :text-translate-y="-16"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
                     <!--                 东母电压互感器-->
                     <g transform="translate(1850,0)">
                         <g transform="translate(-60,130)">
                             <num-screen
                                 name="东母电压互感器"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                                 :text-width="120"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="220" x2="135" y2="310" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9805'][0].state_val"
                             :stateDesc="pageData['9805'][0].state_desc"
                             :info="pageData['9805'][0]"
                             :name="pageData['9805'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="314"
                             :text-translate-y="-5"
                             :text-translate-x="8"
                         ></connect-line>
                         <line x1="135" y1="342" x2="135" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="412" fill="rgb(128,0,128)"></circle>
                         <polyline points="135,362,93,362,93,342" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <circle r="5" cx="135" cy="362" fill="rgb(128,0,128)"></circle>
                         <g transform="translate(0,-70)">
                             <polyline points="135,362,93,362,93,342" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                             <circle r="5" cx="135" cy="362" fill="rgb(128,0,128)"></circle>
                         </g>
                         <terminal-svg
                             :state="pageData['9805'][1].state_val"
                             :stateDesc="pageData['9805'][1].state_desc"
                             :info="pageData['9805'][1]"
                             :name="pageData['9805'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="78"
                             :translate-y="296"
                             :text-translate-y="-5"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <terminal-svg
                             :state="pageData['9805'][2].state_val"
                             :stateDesc="pageData['9805'][2].state_desc"
                             :info="pageData['9805'][2]"
                             :name="pageData['9805'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="78"
                             :translate-y="226"
                             :text-translate-y="-10"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <dian-liu-hu-gan-qi :translate-x="-5" :translate-y="360" :rotate="-90" color="rgb(128,0,128)"></dian-liu-hu-gan-qi>
                     </g>
                     <!--                 仿真一线-->
                     <g transform="translate(2030,0)">
                         <g transform="translate(-50,0)">
                             <num-screen
                                 name="仿真一线"
                                 :P="pageData['9811'][9].state_val"
                                 :Q="pageData['9811'][10].state_val"
                                 :Ia="pageData['9811'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="125" x2="135" y2="210" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <polygon points="130,125,135,115,140,125" fill="rgb(128,0,128)"></polygon>
                         <circle r="5" cx="180" cy="140" fill="rgb(128,0,128)"></circle>
                         <line x1="180" y1="140" x2="180" y2="155" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9811'][1].state_val"
                             :stateDesc="pageData['9811'][1].state_desc"
                             :info="pageData['9811'][1]"
                             :name="pageData['9811'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="204"
                             :translate-y="159"
                             :text-translate-y="-5"
                             :text-translate-x="10"
                         ></connect-line>
                         <polyline points="135,183,177,183" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <polyline points="135,200,177,200" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9811'][6].state_val"
                             :stateDesc="pageData['9811'][6].state_desc"
                             :info="pageData['9811'][6]"
                             :name="pageData['9811'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="196"
                             :translate-y="242"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                         <connect-line
                             :state="pageData['9811'][2].state_val"
                             :stateDesc="pageData['9811'][2].state_desc"
                             :info="pageData['9811'][2]"
                             :name="pageData['9811'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="212"
                             :text-translate-y="-5"
                             :text-translate-x="10"></connect-line>
                         <line x1="135" y1="240" x2="135" y2="320" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9811'][0].state_val"
                             :stateDesc="pageData['9811'][0].state_desc"
                             :info="pageData['9811'][0]"
                             :name="pageData['9811'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="268"
                             :translate-x="163"
                             :text-translate-x="8"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9811'][0].is_clear}"
                         ></rect-svg>
                         <polyline points="135,255,93,255" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <terminal-svg
                             :state="pageData['9811'][5].state_val"
                             :stateDesc="pageData['9811'][5].state_desc"
                             :info="pageData['9811'][5]"
                             :name="pageData['9811'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="73"
                             :translate-y="212"
                             :text-translate-y="-15"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <polyline points="93,320,93,310,177,310,177,320" stroke="rgb(128,0,128)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9811'][4].state_val"
                             :stateDesc="pageData['9811'][4].state_desc"
                             :info="pageData['9811'][4]"
                             :name="pageData['9811'][4].state_desc.split('-')[1]"
                             :scale="0.6"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-x="117"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"></connect-line>
                         <line x1="93" y1="352" x2="93" y2="412" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="93" cy="412" fill="rgb(128,0,128)"></circle>
                         <connect-line
                             :state="pageData['9811'][3].state_val"
                             :stateDesc="pageData['9811'][3].state_desc"
                             :info="pageData['9811'][3]"
                             @itemRightClick="itemRightClick"
                             :name="pageData['9811'][3].state_desc.split('-')[1]"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="324"
                             :text-translate-y="-5"
                             :text-translate-x="-28"
                         ></connect-line>
                         <line x1="135" y1="352" x2="135" y2="377" stroke="rgb(128,0,128)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="377" fill="rgb(128,0,128)"></circle>
                         <terminal-svg
                             :state="pageData['9811'][7].state_val"
                             :stateDesc="pageData['9811'][7].state_desc"
                             :info="pageData['9811'][7]"
                             :name="pageData['9811'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="192"
                             :translate-y="365"
                             :text-translate-y="-16"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>


                     <g transform="translate(2170,380)">
                         <num-screen
                             name="220kV西母"
                             :is-mother="true"
                             :Ua="pageData['220西母'][0].state_val"
                             :Ub="pageData['220西母'][1].state_val"
                             :Uc="pageData['220西母'][2].state_val"
                             :Uab="pageData['220西母'][3].state_val"
                             :UO="pageData['220西母'][4].state_val"
                             :dir="'bottom'"
                             :num-tran-y="-40"
                             :num-tran-x="10"
                         ></num-screen>
                     </g>
                     <g transform="translate(2170,350)">
                         <num-screen
                             name="220kV东母"
                             :is-mother="true"
                             :Ua="pageData['220东母'][0].state_val"
                             :Ub="pageData['220东母'][1].state_val"
                             :Uc="pageData['220东母'][2].state_val"
                             :Uab="pageData['220东母'][3].state_val"
                             :UO="pageData['220东母'][4].state_val"
                             :dir="'bottom'"
                             :num-tran-y="-180"
                             :num-tran-x="10"
                         ></num-screen>
                     </g>
                 </g>
<!--              110-->
                 <g transform="translate(50,0)">
                     <line x1="120" y1="450" x2="120" y2="2100" stroke="rgb(240,65,85)" stroke-width="5"></line>
                     <line x1="550" y1="450" x2="550" y2="2100" stroke="rgb(240,65,85)" stroke-width="5"></line>
                     <line x1="500" y1="450" x2="500" y2="2100" stroke="rgb(240,65,85)" stroke-width="5"></line>
                     <g transform="translate(280,450)">
                         <num-screen
                             name="110kV西母"
                             :is-mother="true"
                             :Ua="pageData['110西母'][0].state_val"
                             :Ub="pageData['110西母'][1].state_val"
                             :Uc="pageData['110西母'][2].state_val"
                             :Uab="pageData['110西母'][3].state_val"
                             :UO="pageData['110西母'][4].state_val"
                             :dir="'bottom'"
                             :num-tran-y="-120"
                             :num-tran-x="-100"
                             :text-width="70"
                         ></num-screen>
                     </g>
                     <g transform="translate(440,450)">
                         <num-screen
                             name="110kV东母"
                             :is-mother="true"
                             :Ua="pageData['110东母'][0].state_val"
                             :Ub="pageData['110东母'][1].state_val"
                             :Uc="pageData['110东母'][2].state_val"
                             :Uab="pageData['110东母'][3].state_val"
                             :UO="pageData['110东母'][4].state_val"
                             :dir="'bottom'"
                             :num-tran-y="-120"
                             :num-tran-x="80"
                             :text-width="70"
                         ></num-screen>
                     </g>
<!--                     2号主变-->
                     <g transform="translate(0,80)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="110kV二号主变"
                                 :P="pageData['9832'][10].state_val"
                                 :Q="pageData['9832'][11].state_val"
                                 :Ia="pageData['9832'][9].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <connect-line
                             :state="pageData['9832'][1].state_val"
                             :stateDesc="pageData['9832'][1].state_desc"
                             :info="pageData['9832'][1]"
                             :name="pageData['9832'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="178"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"></connect-line>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9832'][2].state_val"
                             :stateDesc="pageData['9832'][2].state_desc"
                             :info="pageData['9832'][2]"
                             :name="pageData['9832'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="238"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9832'][6].state_val"
                             :stateDesc="pageData['9832'][6].state_desc"
                             :info="pageData['9832'][6]"
                             :name="pageData['9832'][6].state_desc.split('-')[1]"
                             :scale=0.6
                             @itemRightClick="itemRightClick"
                             :translate-x="258"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,530,150,530" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <terminal-svg
                             :state="pageData['9832'][5].state_val"
                             :stateDesc="pageData['9832'][5].state_desc"
                             :info="pageData['9832'][5]"
                             @itemRightClick="itemRightClick"
                             :name="pageData['9832'][5].state_desc.split('-')[1]"
                             :scale=0.6
                             :translate-x="318"
                             :translate-y="515"
                             :text-translate-y="10"
                             :text-translate-x="-40"
                             :rotate="90"
                         />
                         <rect-svg
                             :state="pageData['9832'][0].state_val"
                             :stateDesc="pageData['9832'][0].state_desc"
                             :info="pageData['9832'][0]"
                             :name="pageData['9832'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9832'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="140,500,140,540,150,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="140,540,140,580,150,580" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9832'][4].state_val"
                             :stateDesc="pageData['9832'][4].state_desc"
                             :info="pageData['9832'][4]"
                             :name="pageData['9832'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"></connect-line>
                         <connect-line
                             :state="pageData['9832'][3].state_val"
                             :stateDesc="pageData['9832'][3].state_desc"
                             :info="pageData['9832'][3]"
                             :name="pageData['9832'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"></connect-line>
                         <terminal-svg
                             :state="pageData['9832'][7].state_val"
                             :stateDesc="pageData['9832'][7].state_desc"
                             :info="pageData['9832'][7]"
                             :name="pageData['9832'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="406"
                             :translate-y="565"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                         <polyline points="197,500,197,595,600,595" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                     </g>
<!--                     1号主变-->
                     <g transform="translate(0,240)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="110kV一号主变"
                                 :P="pageData['9831'][10].state_val"
                                 :Q="pageData['9831'][11].state_val"
                                 :Ia="pageData['9831'][9].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <connect-line
                             :state="pageData['9831'][1].state_val"
                             :stateDesc="pageData['9831'][1].state_desc"
                             :info="pageData['9831'][1]"
                             :name="pageData['9831'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="178"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"></connect-line>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9831'][2].state_val"
                             :stateDesc="pageData['9831'][2].state_desc"
                             @itemRightClick="itemRightClick"
                             :info="pageData['9831'][2]"
                             :name="pageData['9831'][2].state_desc.split('-')[1]"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="238"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9831'][6].state_val"
                             :stateDesc="pageData['9831'][6].state_desc"
                             :info="pageData['9831'][6]"
                             @itemRightClick="itemRightClick"
                             :name="pageData['9831'][6].state_desc.split('-')[1]"
                             :scale=0.6
                             :translate-x="258"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,530,150,530" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <terminal-svg
                             :state="pageData['9831'][5].state_val"
                             :stateDesc="pageData['9831'][5].state_desc"
                             :info="pageData['9831'][5]"
                             :name="pageData['9831'][5].state_desc.split('-')[1]"
                             :scale=0.6
                             @itemRightClick="itemRightClick"
                             :translate-x="318"
                             :translate-y="515"
                             :text-translate-y="10"
                             :text-translate-x="-40"
                             :rotate="90"
                         />
                         <rect-svg
                             :state="pageData['9831'][0].state_val"
                             :stateDesc="pageData['9831'][0].state_desc"
                             :info="pageData['9831'][0]"
                             :name="pageData['9831'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9831'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="140,500,140,540,150,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="140,540,140,580,150,580" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9831'][4].state_val"
                             :stateDesc="pageData['9831'][4].state_desc"
                             :info="pageData['9831'][4]"
                             :name="pageData['9831'][4].state_desc.split('-')[1]"
                             :scale="0.6"
                             @itemRightClick="itemRightClick"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"></connect-line>
                         <connect-line
                             :state="pageData['9831'][3].state_val"
                             :stateDesc="pageData['9831'][3].state_desc"
                             :info="pageData['9831'][3]"
                             :name="pageData['9831'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"></connect-line>
                         <terminal-svg
                             :state="pageData['9831'][7].state_val"
                             @itemRightClick="itemRightClick"
                             :stateDesc="pageData['9831'][7].state_desc"
                             :info="pageData['9831'][7]"
                             :name="pageData['9831'][7].state_desc.split('-')[1]"
                             :scale=0.6
                             :translate-x="406"
                             :translate-y="565"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                         <polyline points="197,500,197,595,600,595" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                     </g>
<!--                     西母电压互感器-->
                     <g transform="translate(244,600)rotate(-90,135,290)">
                         <g transform="translate(170,-30)rotate(90)">
                             <num-screen
                                 name="西母电压互感器"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                                 :text-width="120"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="290" x2="135" y2="310" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9835'][0].state_val"
                             :stateDesc="pageData['9835'][0].state_desc"
                             :info="pageData['9835'][0]"
                             :name="pageData['9835'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="314"
                             :text-translate-y="-15"
                             :text-translate-x="14"
                             :text-rotate="90"
                           ></connect-line>
                         <line x1="135" y1="342" x2="135" y2="412" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="412" fill="rgb(240,65,85)"></circle>
                         <polyline points="135,362,93,362,93,342" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
                         <polyline points="135,292,177,292,177,282" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
                         <circle r="5" cx="135" cy="362" fill="rgb(240,65,85)"></circle>
                         <circle r="5" cx="135" cy="292" fill="rgb(240,65,85)"></circle>
                         <terminal-svg
                             :state="pageData['9835'][1].state_val"
                             :stateDesc="pageData['9835'][1].state_desc"
                             :info="pageData['9835'][1]"
                             @itemRightClick="itemRightClick"
                             :name="pageData['9835'][1].state_desc.split('-')[1]"
                             :scale=0.6
                             :text-rotate="90"
                             :translate-x="78"
                             :translate-y="296"
                             :text-translate-y="-22"
                             :text-translate-x="-86"
                             :rotate="0"
                         />
                         <terminal-svg
                             :state="pageData['9835'][2].state_val"
                             :stateDesc="pageData['9835'][2].state_desc"
                             :info="pageData['9835'][2]"
                             :name="pageData['9835'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :text-rotate="90"
                             :translate-x="162"
                             :translate-y="236"
                             :text-translate-y="-22"
                             :text-translate-x="-86"
                             :rotate="0"
                         />
                         <dian-liu-hu-gan-qi :translate-x="-5" :translate-y="420" :rotate="-90" color="rgb(240,65,85)"></dian-liu-hu-gan-qi>
                     </g>
<!--                     东母电压互感器-->
                     <g transform="translate(538,600)rotate(90,135,290)">
                         <g transform="translate(100,360)rotate(-90)">
                             <num-screen
                                 name="东母电压互感器"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                                 :text-width="120"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="290" x2="135" y2="310" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9836'][0].state_val"
                             :stateDesc="pageData['9836'][0].state_desc"
                             :info="pageData['9836'][0]"
                             @itemRightClick="itemRightClick"
                             :name="pageData['9836'][0].state_desc"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="314"
                             :text-translate-y="-20"
                             :text-translate-x="-10"
                             :text-rotate="-90"
                         ></connect-line>
                         <line x1="135" y1="342" x2="135" y2="412" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="412" fill="rgb(240,65,85)"></circle>
                         <polyline points="135,362,93,362,93,342" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
                         <polyline points="135,292,177,292,177,282" stroke="rgb(240,65,85)" stroke-width="2" fill="none"></polyline>
                         <circle r="5" cx="135" cy="362" fill="rgb(240,65,85)"></circle>
                         <circle r="5" cx="135" cy="292" fill="rgb(240,65,85)"></circle>
                         <terminal-svg
                             :state="pageData['9836'][2].state_val"
                             :stateDesc="pageData['9836'][2].state_desc"
                             :info="pageData['9836'][2]"
                             @itemRightClick="itemRightClick"
                             :name="pageData['9836'][2].state_desc.split('-')[1]"
                             :scale=0.6
                             :text-rotate="-90"
                             :translate-x="78"
                             :translate-y="296"
                             :text-translate-y="10"
                             :text-translate-x="-6"
                             :rotate="0"
                         />
                         <terminal-svg
                             :state="pageData['9836'][1].state_val"
                             :stateDesc="pageData['9836'][1].state_desc"
                             :info="pageData['9836'][1]"
                             @itemRightClick="itemRightClick"
                             :name="pageData['9836'][1].state_desc.split('-')[1]"
                             :scale=0.6
                             :text-rotate="-90"
                             :translate-x="162"
                             :translate-y="236"
                             :text-translate-y="10"
                             :text-translate-x="-6"
                             :rotate="0"
                         />
                         <dian-liu-hu-gan-qi :translate-x="-5" :translate-y="420" :rotate="-90" color="rgb(240,65,85)"></dian-liu-hu-gan-qi>
                     </g>
<!--                     母旁-->
                     <g transform="translate(0,530)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="母旁"
                                 :P="pageData['9840'][8].state_val"
                                 :Q="pageData['9840'][9].state_val"
                                 :Ia="pageData['9840'][7].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <connect-line
                             :state="pageData['9840'][1].state_val"
                             :stateDesc="pageData['9840'][1].state_desc"
                             :info="pageData['9840'][1]"
                             :name="pageData['9840'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="178"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                            ></connect-line>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="180" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline transform="translate(-62,0)" points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <terminal-svg
                             :state="pageData['9840'][4].state_val"
                             :stateDesc="pageData['9840'][4].state_desc"
                             :info="pageData['9840'][4]"
                             :name="pageData['9840'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="196"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,540,240,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <rect-svg
                             :state="pageData['9840'][0].state_val"
                             @itemRightClick="itemRightClick"
                             :stateDesc="pageData['9840'][0].state_desc"
                             :info="pageData['9840'][0]"
                             :name="pageData['9840'][0].state_desc"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9840'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="130,500,130,460,220,460" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <circle r="5" cx="130" cy="500" fill="rgb(240,65,85)"></circle>
                             <polyline points="180,580,250,580,250,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                            <circle r="5" cx="250" cy="540" fill="rgb(240,65,85)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9840'][3].state_val"
                             :stateDesc="pageData['9840'][3].state_desc"
                             :info="pageData['9840'][3]"
                             :name="pageData['9840'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                           ></connect-line>
                         <connect-line
                             :state="pageData['9840'][2].state_val"
                             :stateDesc="pageData['9840'][2].state_desc"
                             :info="pageData['9840'][2]"
                             :name="pageData['9840'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9840'][5].state_val"
                             :stateDesc="pageData['9840'][5].state_desc"
                             :info="pageData['9840'][5]"
                             :name="pageData['9840'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="346"
                             :translate-y="595"
                             :text-translate-y="10"
                             :text-translate-x="-60"
                             :rotate="-90"
                         />
                         <terminal-svg
                             :state="pageData['9840'][6].state_val"
                             :stateDesc="pageData['9840'][6].state_desc"
                             :info="pageData['9840'][6]"
                             :name="pageData['9840'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="476"
                             :translate-y="445"
                             :text-translate-y="-30"
                             :text-translate-x="-80"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                     </g>
<!--                     模拟一线-->
                     <g transform="translate(0,700)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="模拟一线"

                                 :P="pageData['9841'][9].state_val"
                                 :Q="pageData['9841'][10].state_val"
                                 :Ia="pageData['9841'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="100" y1="500" x2="182" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <line x1="120" y1="530" x2="142" y2="530" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <polygon points="90,500,100,495,100,505" fill="rgb(240,65,85)"></polygon>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <circle r="5" cx="120" cy="530" fill="rgb(240,65,85)"></circle>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="135,500,135,530,110,530" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                            <circle r="5" cx="135" cy="500" fill="rgb(240,65,85)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9841'][1].state_val"
                             :stateDesc="pageData['9841'][1].state_desc"
                             :info="pageData['9841'][1]"
                             :name="pageData['9841'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="168"
                             :translate-y="554"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                        ></connect-line>
                         <connect-line
                             :state="pageData['9841'][2].state_val"
                             :stateDesc="pageData['9841'][2].state_desc"
                             :info="pageData['9841'][2]"
                             :name="pageData['9841'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="238"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                       ></connect-line>
                         <terminal-svg
                             :state="pageData['9841'][5].state_val"
                             :stateDesc="pageData['9841'][5].state_desc"
                             :info="pageData['9841'][5]"
                             :name="pageData['9841'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="258"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         </g>
                         <rect-svg
                             :state="pageData['9841'][0].state_val"
                             :stateDesc="pageData['9841'][0].state_desc"
                             :info="pageData['9841'][0]"
                             :name="pageData['9841'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9841'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="140,500,140,540,150,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="140,540,140,580,150,580" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9841'][4].state_val"
                             :stateDesc="pageData['9841'][4].state_desc"
                             :info="pageData['9841'][4]"
                             :name="pageData['9841'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9841'][3].state_val"
                             :stateDesc="pageData['9841'][3].state_desc"
                             :info="pageData['9841'][3]"
                             :name="pageData['9841'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                        ></connect-line>
                         <terminal-svg
                             :state="pageData['9841'][6].state_val"
                             :stateDesc="pageData['9841'][6].state_desc"
                             :info="pageData['9841'][6]"
                             :name="pageData['9841'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="406"
                             :translate-y="565"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                         <circle r="5" cx="250" cy="500" fill="#FF5B41"/>
                         <polyline points="250,500,250,560,260,560" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         <terminal-svg
                             :state="pageData['9841'][7].state_val"
                             :stateDesc="pageData['9841'][7].state_desc"
                             :info="pageData['9841'][7]"
                             :name="pageData['9841'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="306"
                             :translate-y="545"
                             :text-translate-y="-10"
                             :text-translate-x="3"
                             :rotate="90"
                         />
                     </g>
<!--                     模拟二线-->
                     <g transform="translate(0,860)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="模拟二线"

                                 :P="pageData['9842'][9].state_val"
                                 :Q="pageData['9842'][10].state_val"
                                 :Ia="pageData['9842'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="100" y1="500" x2="182" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <line x1="120" y1="530" x2="142" y2="530" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <polygon points="90,500,100,495,100,505" fill="rgb(240,65,85)"></polygon>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <circle r="5" cx="120" cy="530" fill="rgb(240,65,85)"></circle>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="135,500,135,530,110,530" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <circle r="5" cx="135" cy="500" fill="rgb(240,65,85)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9842'][1].state_val"
                             :stateDesc="pageData['9842'][1].state_desc"
                             :info="pageData['9842'][1]"
                             :name="pageData['9842'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="168"
                             :translate-y="554"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9842'][2].state_val"
                             :stateDesc="pageData['9842'][2].state_desc"
                             :info="pageData['9842'][2]"
                             :name="pageData['9842'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="238"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9842'][5].state_val"
                             :stateDesc="pageData['9842'][5].state_desc"
                             :info="pageData['9842'][5]"
                             :name="pageData['9842'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="258"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         </g>
                         <rect-svg
                             :state="pageData['9842'][0].state_val"
                             :stateDesc="pageData['9842'][0].state_desc"
                             :info="pageData['9842'][0]"
                             :name="pageData['9842'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9842'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="140,500,140,540,150,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="140,540,140,580,150,580" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9842'][4].state_val"
                             :stateDesc="pageData['9842'][4].state_desc"
                             :info="pageData['9842'][4]"
                             :name="pageData['9842'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9842'][3].state_val"
                             :stateDesc="pageData['9842'][3].state_desc"
                             :info="pageData['9842'][3]"
                             :name="pageData['9842'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9842'][6].state_val"
                             :stateDesc="pageData['9842'][6].state_desc"
                             :info="pageData['9842'][6]"
                             :name="pageData['9842'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="406"
                             :translate-y="565"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                         <circle r="5" cx="250" cy="500" fill="#FF5B41"/>
                         <polyline points="250,500,250,560,260,560" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         <terminal-svg
                             :state="pageData['9842'][7].state_val"
                             :stateDesc="pageData['9842'][7].state_desc"
                             :info="pageData['9842'][7]"
                             :name="pageData['9842'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="306"
                             :translate-y="545"
                             :text-translate-y="-10"
                             :text-translate-x="3"
                             :rotate="90"
                         />
                     </g>
<!--                     模拟三线-->
                     <g transform="translate(0,1020)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="模拟三线"

                                 :P="pageData['9843'][9].state_val"
                                 :Q="pageData['9843'][10].state_val"
                                 :Ia="pageData['9843'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="100" y1="500" x2="182" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <line x1="120" y1="530" x2="142" y2="530" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <polygon points="90,500,100,495,100,505" fill="rgb(240,65,85)"></polygon>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <circle r="5" cx="120" cy="530" fill="rgb(240,65,85)"></circle>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="135,500,135,530,110,530" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <circle r="5" cx="135" cy="500" fill="rgb(240,65,85)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9843'][1].state_val"
                             :stateDesc="pageData['9843'][1].state_desc"
                             :info="pageData['9843'][1]"
                             :name="pageData['9843'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="168"
                             :translate-y="554"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9843'][2].state_val"
                             :stateDesc="pageData['9843'][2].state_desc"
                             :info="pageData['9843'][2]"
                             :name="pageData['9843'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="238"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9843'][5].state_val"
                             :stateDesc="pageData['9843'][5].state_desc"
                             :info="pageData['9843'][5]"
                             :name="pageData['9843'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="258"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         </g>
                         <rect-svg
                             :state="pageData['9843'][0].state_val"
                             :stateDesc="pageData['9843'][0].state_desc"
                             :info="pageData['9843'][0]"
                             :name="pageData['9843'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9843'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="140,500,140,540,150,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="140,540,140,580,150,580" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9843'][4].state_val"
                             :stateDesc="pageData['9843'][4].state_desc"
                             :info="pageData['9843'][4]"
                             :name="pageData['9843'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9843'][3].state_val"
                             :stateDesc="pageData['9843'][3].state_desc"
                             :info="pageData['9843'][3]"
                             :name="pageData['9843'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9843'][6].state_val"
                             :stateDesc="pageData['9843'][6].state_desc"
                             :info="pageData['9843'][6]"
                             :name="pageData['9843'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="406"
                             :translate-y="565"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                         <circle r="5" cx="250" cy="500" fill="#FF5B41"/>
                         <polyline points="250,500,250,560,260,560" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         <terminal-svg
                             :state="pageData['9843'][7].state_val"
                             :stateDesc="pageData['9843'][7].state_desc"
                             :info="pageData['9843'][7]"
                             :name="pageData['9843'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="306"
                             :translate-y="545"
                             :text-translate-y="-10"
                             :text-translate-x="3"
                             :rotate="90"
                         />
                     </g>
<!--                     模拟四线-->
                     <g transform="translate(0,1180)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="模拟四线"

                                 :P="pageData['9844'][9].state_val"
                                 :Q="pageData['9844'][10].state_val"
                                 :Ia="pageData['9844'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="100" y1="500" x2="182" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <line x1="120" y1="530" x2="142" y2="530" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <polygon points="90,500,100,495,100,505" fill="rgb(240,65,85)"></polygon>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <circle r="5" cx="120" cy="530" fill="rgb(240,65,85)"></circle>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="135,500,135,530,110,530" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <circle r="5" cx="135" cy="500" fill="rgb(240,65,85)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9844'][1].state_val"
                             :stateDesc="pageData['9844'][1].state_desc"
                             :info="pageData['9844'][1]"
                             :name="pageData['9844'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="168"
                             :translate-y="554"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9844'][2].state_val"
                             :stateDesc="pageData['9844'][2].state_desc"
                             :info="pageData['9844'][2]"
                             :name="pageData['9844'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="238"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9844'][5].state_val"
                             :stateDesc="pageData['9844'][5].state_desc"
                             :info="pageData['9844'][5]"
                             :name="pageData['9844'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="258"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         </g>
                         <rect-svg
                             :state="pageData['9844'][0].state_val"
                             :stateDesc="pageData['9844'][0].state_desc"
                             :info="pageData['9844'][0]"
                             :name="pageData['9844'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9844'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="140,500,140,540,150,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="140,540,140,580,150,580" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9844'][4].state_val"
                             :stateDesc="pageData['9844'][4].state_desc"
                             :info="pageData['9844'][4]"
                             :name="pageData['9844'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9844'][3].state_val"
                             :stateDesc="pageData['9844'][3].state_desc"
                             :info="pageData['9844'][3]"
                             :name="pageData['9844'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9844'][6].state_val"
                             :stateDesc="pageData['9844'][6].state_desc"
                             :info="pageData['9844'][6]"
                             :name="pageData['9844'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="406"
                             :translate-y="565"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                         <circle r="5" cx="250" cy="500" fill="#FF5B41"/>
                         <polyline points="250,500,250,560,260,560" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         <terminal-svg
                             :state="pageData['9844'][7].state_val"
                             :stateDesc="pageData['9844'][7].state_desc"
                             :info="pageData['9844'][7]"
                             :name="pageData['9844'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="306"
                             :translate-y="545"
                             :text-translate-y="-10"
                             :text-translate-x="3"
                             :rotate="90"
                         />
                     </g>
<!--                     模拟五线-->
                     <g transform="translate(0,1340)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="模拟五线"

                                 :P="pageData['9845'][9].state_val"
                                 :Q="pageData['9845'][10].state_val"
                                 :Ia="pageData['9845'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="100" y1="500" x2="182" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <line x1="120" y1="530" x2="142" y2="530" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <polygon points="90,500,100,495,100,505" fill="rgb(240,65,85)"></polygon>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <circle r="5" cx="120" cy="530" fill="rgb(240,65,85)"></circle>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="135,500,135,530,110,530" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <circle r="5" cx="135" cy="500" fill="rgb(240,65,85)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9845'][1].state_val"
                             :stateDesc="pageData['9845'][1].state_desc"
                             :info="pageData['9845'][1]"
                             :name="pageData['9845'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="168"
                             :translate-y="554"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9845'][2].state_val"
                             :stateDesc="pageData['9845'][2].state_desc"
                             :info="pageData['9845'][2]"
                             :name="pageData['9845'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="238"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9845'][5].state_val"
                             :stateDesc="pageData['9845'][5].state_desc"
                             :info="pageData['9845'][5]"
                             :name="pageData['9845'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="258"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         </g>
                         <rect-svg
                             :state="pageData['9845'][0].state_val"
                             :stateDesc="pageData['9845'][0].state_desc"
                             :info="pageData['9845'][0]"
                             :name="pageData['9845'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9845'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="140,500,140,540,150,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="140,540,140,580,150,580" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9845'][4].state_val"
                             :stateDesc="pageData['9845'][4].state_desc"
                             :info="pageData['9845'][4]"
                             :name="pageData['9845'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9845'][3].state_val"
                             :stateDesc="pageData['9845'][3].state_desc"
                             :info="pageData['9845'][3]"
                             :name="pageData['9845'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9845'][6].state_val"
                             :stateDesc="pageData['9845'][6].state_desc"
                             :info="pageData['9845'][6]"
                             :name="pageData['9845'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="406"
                             :translate-y="565"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                         <circle r="5" cx="250" cy="500" fill="#FF5B41"/>
                         <polyline points="250,500,250,560,260,560" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         <terminal-svg
                             :state="pageData['9845'][7].state_val"
                             :stateDesc="pageData['9845'][7].state_desc"
                             :info="pageData['9845'][7]"
                             :name="pageData['9845'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="306"
                             :translate-y="545"
                             :text-translate-y="-10"
                             :text-translate-x="3"
                             :rotate="90"
                         />
                     </g>
<!--                     模拟六线-->
                     <g transform="translate(0,1500)">
                         <g transform="translate(-140,430)">
                             <num-screen
                                 name="模拟六线"

                                 :P="pageData['9846'][9].state_val"
                                 :Q="pageData['9846'][10].state_val"
                                 :Ia="pageData['9846'][8].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen>
                         </g>
                         <line x1="100" y1="500" x2="182" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <line x1="120" y1="530" x2="142" y2="530" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <polygon points="90,500,100,495,100,505" fill="rgb(240,65,85)"></polygon>
                         <circle r="5" cx="120" cy="500" fill="rgb(240,65,85)"></circle>
                         <circle r="5" cx="120" cy="530" fill="rgb(240,65,85)"></circle>
                         <g transform="translate(62,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="135,500,135,470,150,470" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="135,500,135,530,110,530" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <circle r="5" cx="135" cy="500" fill="rgb(240,65,85)"></circle>
                         </g>
                         <connect-line
                             :state="pageData['9846'][1].state_val"
                             :stateDesc="pageData['9846'][1].state_desc"
                             :info="pageData['9846'][1]"
                             :name="pageData['9846'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="168"
                             :translate-y="554"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9846'][2].state_val"
                             :stateDesc="pageData['9846'][2].state_desc"
                             :info="pageData['9846'][2]"
                             :name="pageData['9846'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="238"
                             :translate-y="524"
                             :text-translate-y="-15"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9846'][5].state_val"
                             :stateDesc="pageData['9846'][5].state_desc"
                             :info="pageData['9846'][5]"
                             :name="pageData['9846'][5].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"

                             :scale=0.6
                             :translate-x="258"
                             :translate-y="455"
                             :text-translate-y="-30"
                             :text-translate-x="-60"
                             :rotate="90"
                         />
                         <g transform="translate(122,0)">
                             <line x1="120" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         </g>
                         <rect-svg
                             :state="pageData['9846'][0].state_val"
                             :stateDesc="pageData['9846'][0].state_desc"
                             :info="pageData['9846'][0]"
                             :name="pageData['9846'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="0"
                             :translate-y="472"
                             :translate-x="272"
                             :text-translate-x="-6"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9846'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(210,0)">
                             <line x1="90" y1="500" x2="150" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                             <polyline points="140,500,140,540,150,540" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                             <polyline points="140,540,140,580,150,580" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         </g>
                         <connect-line
                             :state="pageData['9846'][4].state_val"
                             :stateDesc="pageData['9846'][4].state_desc"
                             :info="pageData['9846'][4]"
                             :name="pageData['9846'][4].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="180"
                             :translate-x="388"
                             :translate-y="524"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <connect-line
                             :state="pageData['9846'][3].state_val"
                             :stateDesc="pageData['9846'][3].state_desc"
                             :info="pageData['9846'][3]"
                             :name="pageData['9846'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"

                             :rotate="180"
                             :translate-x="388"
                             :translate-y="564"
                             :text-translate-y="-60"
                             :text-translate-x="0"
                         ></connect-line>
                         <terminal-svg
                             :state="pageData['9846'][6].state_val"
                             :stateDesc="pageData['9846'][6].state_desc"
                             :info="pageData['9846'][6]"
                             :name="pageData['9846'][6].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="406"
                             :translate-y="565"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                             :rotate="90"
                         />
                         <line x1="392" y1="500" x2="500" y2="500" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="500" cy="500" fill="#FF5B41"/>
                         <line x1="392" y1="540" x2="550" y2="540" stroke="rgb(240,65,85)" stroke-width="2"></line>
                         <circle r="5" cx="550" cy="540" fill="#FF5B41"/>
                         <circle r="5" cx="250" cy="500" fill="#FF5B41"/>
                         <polyline points="250,500,250,560,260,560" style="fill: none;stroke: rgb(240,65,85);stroke-width: 2"></polyline>
                         <terminal-svg
                             :state="pageData['9846'][7].state_val"
                             :stateDesc="pageData['9846'][7].state_desc"
                             :info="pageData['9846'][7]"
                             :name="pageData['9846'][7].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="306"
                             :translate-y="545"
                             :text-translate-y="-10"
                             :text-translate-x="3"
                             :rotate="90"
                         />
                     </g>
                 </g>
                 <g  transform="translate(-20,0)">
                     <text x="890" y="470" fill="#FFFFFF">油温1</text>
                     <text x="890" y="500" fill="#FFFFFF">油温2</text>
                     <text x="890" y="530" fill="#FFFFFF">档位</text>
                     <text x="960" y="470" fill="#FFFFFF" @contextmenu="checkState('二号主变',pageData['9802'][12].state_desc,Number(pageData['9802'][12].state_val).toFixed(2))">{{ Number(pageData['9802'][12].state_val).toFixed(2) }}</text>
                     <text x="960" y="500" fill="#FFFFFF"  @contextmenu="checkState('二号主变',pageData['9802'][13].state_desc,Number(pageData['9802'][13].state_val).toFixed(2))">{{ Number(pageData['9802'][13].state_val).toFixed(2) }}</text>
                     <text x="960" y="530" fill="#FFFFFF"  @contextmenu="checkState('二号主变',pageData['9802'][14].state_desc,Number(pageData['9802'][14].state_val).toFixed(2))">{{ Number(pageData['9802'][14].state_val).toFixed(2) }}</text>
                     <line x1="870" y1="450" x2="1010" y2="450" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="870" y1="480" x2="1010" y2="480" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="870" y1="510" x2="1010" y2="510" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="870" y1="540" x2="1010" y2="540" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="870" y1="448" x2="870" y2="542" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="1010" y1="448" x2="1010" y2="542" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <g transform="translate(160,30)">
                         <g @click="dangwei('up',pageData['9802'][14].id,'二号主变')">
                             <rect  x="870" y="450" width="30" height="30" style="fill:#666;stroke:rgb(255,255,255);stroke-width:4"/>
                             <text x="877" y="470" fill="#F00">升</text>
                         </g>
                         <g @click="dangwei('stop',pageData['9802'][14].id,'二号主变')">
                             <rect  x="920" y="450" width="30" height="30" style="fill:#666;stroke:rgb(255,255,255);stroke-width:4"/>
                             <text x="927" y="470" fill="yellow">停</text>
                         </g>
                       <g @click="dangwei('down',pageData['9802'][14].id,'二号主变')">
                           <rect   x="970" y="450" width="30" height="30" style="fill:#666;stroke:rgb(255,255,255);stroke-width:4"/>
                           <text x="977" y="470" fill="#0f0">降</text>
                       </g>

                     </g>
                 </g>
                 <g  transform="translate(480,0)">
                     <text x="890" y="470" fill="#FFFFFF">油温1</text>
                     <text x="890" y="500" fill="#FFFFFF">油温2</text>
                     <text x="890" y="530" fill="#FFFFFF">档位</text>
                     <text x="960" y="470" fill="#FFFFFF" @contextmenu="checkState('一号主变',pageData['9801'][12].state_desc,Number(pageData['9801'][12].state_val).toFixed(2))">{{ Number(pageData['9801'][12].state_val).toFixed(2) }}</text>
                     <text x="960" y="500" fill="#FFFFFF"  @contextmenu="checkState('一号主变',pageData['9801'][13].state_desc,Number(pageData['9801'][13].state_val).toFixed(2))">{{ Number(pageData['9801'][13].state_val).toFixed(2) }}</text>
                     <text x="960" y="530" fill="#FFFFFF"  @contextmenu="checkState('一号主变',pageData['9801'][14].state_desc,Number(pageData['9801'][14].state_val).toFixed(2))">{{ Number(pageData['9801'][14].state_val).toFixed(2) }}</text>
                     <line x1="870" y1="450" x2="1010" y2="450" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="870" y1="480" x2="1010" y2="480" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="870" y1="510" x2="1010" y2="510" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="870" y1="540" x2="1010" y2="540" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="870" y1="448" x2="870" y2="542" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <line x1="1010" y1="448" x2="1010" y2="542" style="stroke:rgb(255,255,255);stroke-width:4"/>
                     <g transform="translate(160,30)">
                         <g @click="dangwei('up',pageData['9801'][14].id,'一号主变')">
                             <rect  x="870" y="450" width="30" height="30" style="fill:#666;stroke:rgb(255,255,255);stroke-width:4"/>
                             <text x="877" y="470" fill="#F00">升</text>
                         </g>
                         <g @click="dangwei('stop',pageData['9801'][14].id,'一号主变')">
                             <rect  x="920" y="450" width="30" height="30" style="fill:#666;stroke:rgb(255,255,255);stroke-width:4"/>
                             <text x="927" y="470" fill="yellow">停</text>
                         </g>
                         <g @click="dangwei('down',pageData['9801'][14].id,'一号主变')">
                             <rect   x="970" y="450" width="30" height="30" style="fill:#666;stroke:rgb(255,255,255);stroke-width:4"/>
                             <text x="977" y="470" fill="#0f0">降</text>
                         </g>

                     </g>
                 </g>
                 <g transform="scale(1.5)translate(71.5,80)">
                     <line x1="720" y1="420" x2="720" y2="458" style="stroke:rgb(128,0,128);stroke-width:2"/>
                     <polyline points="720,480,820,480" stroke="rgb(128,0,128)" fill="none" stroke-width="2"/>
                     <line x1="780" y1="480" x2="780" y2="490" style="stroke-width: 2;stroke: rgb(128,0,128)"></line>
                     <polyline points="700,506,620,506,620,370,361,370" stroke="rgb(240,65,85)" fill="none" stroke-width="1.33"/>
                     <line x1="640" y1="506" x2="640" y2="516" style="stroke-width: 2;stroke: rgb(240,65,85)"></line>
                     <g transform="scale(0.66)">
                         <terminal-svg
                             :state="pageData['9802'][8].state_val"
                             :stateDesc="pageData['9802'][8].state_desc"
                             :info="pageData['9802'][8]"
                             :name="pageData['9802'][8].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="1197"
                             :translate-y="788"
                             :text-translate-y="50"
                             :text-translate-x="50"
                             :rotate="180"
                         />
                         <terminal-svg
                             :state="pageData['9832'][8].state_val"
                             :stateDesc="pageData['9832'][8].state_desc"
                             :info="pageData['9832'][8]"
                             :name="pageData['9832'][8].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="985"
                             :translate-y="827"
                             :text-translate-y="50"
                             :text-translate-x="50"
                             :rotate="180"
                         />
                     </g>
                     <g transform="scale(0.66)">
                         <bi-lei-qi color="rgb(128,0,128)" :rotate="90" :translate-x="1338" :translate-y="598"></bi-lei-qi>
                         <bi-lei-qi color="rgb(240,65,85)" :rotate="90" :translate-x="1108" :translate-y="636"></bi-lei-qi>
                     </g>


                     <g transform="rotate(50,720,480)">
                         <line x1="720" y1="460" x2="720" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
                         <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(128,0,128);stroke-width:2"/>
                         <line x1="720" y1="480" x2="700" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
                     </g>
                     <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(128,0,128)"/>


                     <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
                     <g transform="rotate(180,700,505)">
                         <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(240,65,85);stroke-width:2"/>
                         <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
                         <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
                     </g>


                     <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
                     <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2" transform="translate(-4,-23)rotate(-90,753,515)"/>
                 </g>
                 <g transform="scale(1.5)translate(404.6,80)">
                     <line x1="720" y1="420" x2="720" y2="458" style="stroke:rgb(128,0,128);stroke-width:2"/>
                     <polyline points="720,480,820,480" stroke="rgb(128,0,128)" fill="none" stroke-width="2"/>
                     <line x1="780" y1="480" x2="780" y2="490" style="stroke-width: 2;stroke: rgb(128,0,128)"></line>
                     <polyline points="700,506,620,506,620,370,320,370,320,476.6,25,476.6" stroke="rgb(240,65,85)" fill="none" stroke-width="1.33"/>
                     <line x1="640" y1="506" x2="640" y2="516" style="stroke-width: 2;stroke: rgb(240,65,85)"></line>
                     <g transform="scale(0.66)">
                         <terminal-svg
                             :state="pageData['9801'][8].state_val"
                             :stateDesc="pageData['9801'][8].state_desc"
                             :info="pageData['9801'][8]"
                             :name="pageData['9801'][8].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="1197"
                             :translate-y="788"
                             :text-translate-y="50"
                             :text-translate-x="50"
                             :rotate="180"
                         />
                         <terminal-svg
                             :state="pageData['9831'][8].state_val"
                             :stateDesc="pageData['9831'][8].state_desc"
                             :info="pageData['9831'][8]"
                             :name="pageData['9831'][8].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="985"
                             :translate-y="827"
                             :text-translate-y="50"
                             :text-translate-x="50"
                             :rotate="180"
                         />
                     </g>
                     <g transform="scale(0.66)">
                         <bi-lei-qi color="rgb(128,0,128)" :rotate="90" :translate-x="1338" :translate-y="598"></bi-lei-qi>
                         <bi-lei-qi color="rgb(240,65,85)" :rotate="90" :translate-x="1108" :translate-y="636"></bi-lei-qi>
                     </g>


                     <g transform="rotate(50,720,480)">
                         <line x1="720" y1="460" x2="720" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
                         <line x1="720" y1="480" x2="740" y2="494" style="stroke:rgb(128,0,128);stroke-width:2"/>
                         <line x1="720" y1="480" x2="700" y2="480" style="stroke:rgb(128,0,128);stroke-width:2"/>
                     </g>
                     <circle r="23" cx="720" cy="480" fill="none" stroke-width="2" stroke="rgb(128,0,128)"/>


                     <circle r="23" cx="700" cy="505" fill="none" stroke-width="2" stroke="rgb(240,65,85)"/>
                     <g transform="rotate(180,700,505)">
                         <line x1="700" y1="505" x2="700" y2="490" style="stroke:rgb(240,65,85);stroke-width:2"/>
                         <line x1="700" y1="505" x2="690" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
                         <line x1="700" y1="505" x2="710" y2="512" style="stroke:rgb(240,65,85);stroke-width:2"/>
                     </g>


                     <circle r="23" cx="740" cy="505" fill="none" stroke-width="2" stroke="rgb(0,210,0)"/>
                     <polyline points="733,490,733,520,753,505,733,490" style="stroke:rgb(0,210,0);stroke-width:2" transform="translate(-4,-23)rotate(-90,753,515)"/>
                 </g>
<!--                 10-->
                 <g transform="translate(0,100)">
                     <line x1="650" y1="1112" x2="1400" y2="1112" stroke="rgb(0,210,0)" stroke-width="5"></line>
                     <line transform="translate(800,0)" x1="650" y1="1112" x2="1400" y2="1112" stroke="rgb(0,210,0)" stroke-width="5"></line>

                     <!--                 2号主变-->
                     <g>
                         <line x1="1216" y1="812" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9852'][1]" :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1110" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9852'][0].state_val"
                             :stateDesc="pageData['9852'][0].state_desc"
                             :info="pageData['9852'][0]"
                             :name="pageData['9852'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9852'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(900,970)">
                             <num-screen
                                 name="10kV二号主变"

                                 :P="pageData['9852'][3].state_val"
                                 :Q="pageData['9852'][4].state_val"
                                 :Ia="pageData['9852'][2].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                     </g>
                     <!--                 1号主变-->
                     <g transform="translate(500,0)">
                         <line x1="1216" y1="812" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9851'][1]" :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1110" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9851'][0].state_val"
                             :stateDesc="pageData['9851'][0].state_desc"
                             :info="pageData['9851'][0]"
                             :name="pageData['9851'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9851'][0].is_clear}"
                         ></rect-svg>

                         <g transform="translate(900,970)">
                             <num-screen
                                 name="10kV一号主变"

                                 :P="pageData['9851'][3].state_val"
                                 :Q="pageData['9851'][4].state_val"
                                 :Ia="pageData['9851'][2].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                     </g>
<!--                     10kVⅡ母PT-->
                     <g transform="translate(600,700)">
                         <g transform="translate(-60,190)">
                             <num-screen
                                 name="10kVⅡ母PT"

                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                                 :text-width="120"
                             ></num-screen>
                         </g>
                         <g transform="translate(-80,420)">
                             <num-screen
                                 name="10kVⅡ母"
                                 :is-mother="true"
                                 :Ua="pageData['10西母'][0].state_val"
                                 :Ub="pageData['10西母'][1].state_val"
                                 :Uc="pageData['10西母'][2].state_val"
                                 :Uab="pageData['10西母'][3].state_val"
                                 :UO="pageData['10西母'][4].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="-10"
                                 :text-width="70"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="290" x2="135" y2="310" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9856'][0].state_val"
                             :stateDesc="pageData['9856'][0].state_desc"
                             :info="pageData['9856'][0]"
                             :name="pageData['9856'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="314"
                             :text-translate-y="-5"
                             :text-translate-x="8"
                         ></connect-line>
                         <line x1="135" y1="342" x2="135" y2="412" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="412" fill="rgb(0,210,0)"></circle>
                         <polyline points="135,362,93,362,93,342" stroke="rgb(0,210,0)" stroke-width="2" fill="none"></polyline>
                         <circle r="5" cx="135" cy="362" fill="rgb(0,210,0)"></circle>
                         <terminal-svg
                             :state="pageData['9856'][1].state_val"
                             :stateDesc="pageData['9856'][1].state_desc"
                             :info="pageData['9856'][1]"
                             :name="pageData['9856'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="78"
                             :translate-y="296"
                             :text-translate-y="5"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <dian-liu-hu-gan-qi :translate-x="-5" :translate-y="420" :rotate="-90" color="rgb(0,210,0)"></dian-liu-hu-gan-qi>
                     </g>
<!--                     2号电容器-->
                     <g transform="translate(-420,132)">
                         <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9872'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1100" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1130" x2="1216" y2="1200" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <polyline points="1216,1145,1246,1145,1246,1155" stroke="rgb(0,210,0)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9872'][2].state_val"
                             :stateDesc="pageData['9872'][2].state_desc"
                             :info="pageData['9872'][2]"
                             :name="pageData['9872'][2].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="1240"
                             :translate-y="1104"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                         ></connect-line>
                         <rect-svg
                             :state="pageData['9872'][0].state_val"
                             :stateDesc="pageData['9872'][0].state_desc"
                             :info="pageData['9872'][0]"
                             :name="pageData['9872'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9872'][0].is_clear}"
                         ></rect-svg>
                         <terminal-svg
                             :state="pageData['9872'][3].state_val"
                             :stateDesc="pageData['9872'][3].state_desc"
                             :info="pageData['9872'][3]"
                             :name="pageData['9872'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :text-dir="'ver'"
                             :translate-x="1261"
                             :translate-y="1200"
                             :text-translate-y="-20"
                             :text-translate-x="85"
                             :rotate="180"
                         />
                         <g transform="translate(1025,1210)">
                             <num-screen
                                 name="2号电容器"

                                 :P="null"
                                 :Q="pageData['9872'][5].state_val"
                                 :Ia="pageData['9872'][4].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                         <dianrongqi   :scale=1
                                       :translate-x="-624"
                                       :translate-y="770"
                                       :rotate="0"
                                       color="rgb(0,210,0)"></dianrongqi>
                     </g>
<!--                     2号所用变-->
                     <g transform="translate(-280,132)">
                         <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9854'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1160" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9854'][0].state_val"
                             :stateDesc="pageData['9854'][0].state_desc"
                             :info="pageData['9854'][0]"
                             :name="pageData['9854'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9854'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(1025,1210)">
                             <num-screen
                                 name="2号所用变"

                                 :P="pageData['9854'][4].state_val"
                                 :Q="pageData['9854'][5].state_val"
                                 :Ia="pageData['9854'][3].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                         <two-circle   :scale=1
                                       :translate-x="1093"
                                       :translate-y="1000"
                                       :rotate="90"
                                         color_1="rgb(166, 142, 110)"
                                       color="rgb(0,210,0)"></two-circle>
                         <polyline points="1216,1101,1246,1101,1246,1111" stroke="rgb(0,210,0)" stroke-width="2"></polyline>
                         <terminal-svg
                             :state="pageData['9854'][2].state_val"
                             :stateDesc="pageData['9854'][2].state_desc"
                             :info="pageData['9854'][2]"
                             :name="pageData['9854'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="1261"
                             :translate-y="1157"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
<!--                     培训四线-->
                     <g transform="translate(-130,132)">
                         <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9864'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1160" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9864'][0].state_val"
                             :stateDesc="pageData['9864'][0].state_desc"
                             :info="pageData['9864'][0]"
                             :name="pageData['9864'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9864'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(1025,1210)">
                             <num-screen
                                 name="培训四线"

                                 :P="pageData['9864'][4].state_val"
                                 :Q="pageData['9864'][5].state_val"
                                 :Ia="pageData['9864'][3].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                         <polyline points="1216,1101,1246,1101,1246,1111" stroke="rgb(0,210,0)" stroke-width="2"></polyline>
                         <terminal-svg
                             :state="pageData['9864'][2].state_val"
                             :stateDesc="pageData['9864'][2].state_desc"
                             :info="pageData['9864'][2]"
                             :name="pageData['9864'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="1261"
                             :translate-y="1157"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
<!--                     培训三线-->
                     <g transform="translate(20,132)">
                         <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9863'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1160" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9863'][0].state_val"
                             :stateDesc="pageData['9863'][0].state_desc"
                             :info="pageData['9863'][0]"
                             :name="pageData['9863'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9863'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(1025,1210)">
                             <num-screen
                                 name="培训三线"

                                 :P="pageData['9863'][4].state_val"
                                 :Q="pageData['9863'][5].state_val"
                                 :Ia="pageData['9863'][3].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                         <polyline points="1216,1101,1246,1101,1246,1111" stroke="rgb(0,210,0)" stroke-width="2"></polyline>
                         <terminal-svg
                             :state="pageData['9863'][2].state_val"
                             :stateDesc="pageData['9863'][2].state_desc"
                             :info="pageData['9863'][2]"
                             :name="pageData['9863'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="1261"
                             :translate-y="1157"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
<!--                     分段-->
                     <g>
                         <g transform="translate(170,132)">
                             <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                             <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                             <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9860'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                             <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                             <line x1="1216" y1="1081" x2="1216" y2="1120" stroke="rgb(0,210,0)" stroke-width="2"></line>
                             <g transform="translate(1090,1110)">
                                 <num-screen
                                     name="分段"
                                     :dir="'none'"
                                     :num-tran-y="-40"
                                     :num-tran-x="10"
                                     :text-width="50"
                                 ></num-screen></g>
                         </g>
                         <g transform="translate(250,132)">
                             <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                             <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                             <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9860'][2]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                             <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                             <line x1="1216" y1="1081" x2="1216" y2="1120" stroke="rgb(0,210,0)" stroke-width="2"></line>
                             <line x1="1216" y1="1120" x2="1135" y2="1120" stroke="rgb(0,210,0)" stroke-width="2"></line>
                             <rect-svg
                                 :state="pageData['9860'][0].state_val"
                                 :stateDesc="pageData['9860'][0].state_desc"
                                 :info="pageData['9860'][0]"
                                 :name="pageData['9860'][0].state_desc"
                                 @itemRightClick="itemRightClick"
                                 :rotate="90"
                                 :translate-y="1025"
                                 :translate-x="1245"
                                 :text-translate-x="16"
                                 :text-translate-y="-6"
                                 :scale="0.7"

                                 :itemObj="{is_clear:pageData['9860'][0].is_clear}"
                             ></rect-svg>
                         </g>
                     </g>
<!--                     培训一线-->
                     <g transform="translate(400,132)">
                         <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9861'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1160" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9861'][0].state_val"
                             :stateDesc="pageData['9861'][0].state_desc"
                             :info="pageData['9861'][0]"
                             :name="pageData['9861'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9861'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(1025,1210)">
                             <num-screen
                                 name="培训一线"

                                 :P="pageData['9861'][4].state_val"
                                 :Q="pageData['9861'][5].state_val"
                                 :Ia="pageData['9861'][3].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                         <polyline points="1216,1101,1246,1101,1246,1111" stroke="rgb(0,210,0)" stroke-width="2"></polyline>
                         <terminal-svg
                             :state="pageData['9861'][2].state_val"
                             :stateDesc="pageData['9861'][2].state_desc"
                             :info="pageData['9861'][2]"
                             :name="pageData['9861'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="1261"
                             :translate-y="1157"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
<!--                     培训二线-->
                     <g transform="translate(550,132)">
                         <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9862'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1160" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9862'][0].state_val"
                             :stateDesc="pageData['9862'][0].state_desc"
                             :info="pageData['9862'][0]"
                             :name="pageData['9862'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9862'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(1025,1210)">
                             <num-screen
                                 name="培训二线"

                                 :P="pageData['9862'][4].state_val"
                                 :Q="pageData['9862'][5].state_val"
                                 :Ia="pageData['9862'][3].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                         <polyline points="1216,1101,1246,1101,1246,1111" stroke="rgb(0,210,0)" stroke-width="2"></polyline>
                         <terminal-svg
                             :state="pageData['9862'][2].state_val"
                             :stateDesc="pageData['9862'][2].state_desc"
                             :info="pageData['9862'][2]"
                             :name="pageData['9862'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="1261"
                             :translate-y="1157"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
<!--                     1号所用变-->
                     <g transform="translate(700,132)">
                         <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9853'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1160" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <rect-svg
                             :state="pageData['9853'][0].state_val"
                             :stateDesc="pageData['9853'][0].state_desc"
                             :info="pageData['9853'][0]"
                             :name="pageData['9853'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"

                             :itemObj="{is_clear:pageData['9853'][0].is_clear}"
                         ></rect-svg>
                         <g transform="translate(1025,1210)">
                             <num-screen
                                 name="1号所用变"

                                 :P="pageData['9853'][4].state_val"
                                 :Q="pageData['9853'][5].state_val"
                                 :Ia="pageData['9853'][3].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                         <two-circle   :scale=1
                                       :translate-x="1093"
                                       :translate-y="1000"
                                       :rotate="90"
                                       color_1="rgb(166, 142, 110)"
                                       color="rgb(0,210,0)"></two-circle>
                         <polyline points="1216,1101,1246,1101,1246,1111" stroke="rgb(0,210,0)" stroke-width="2"></polyline>
                         <terminal-svg
                             :state="pageData['9853'][2].state_val"
                             :stateDesc="pageData['9853'][2].state_desc"
                             :info="pageData['9853'][2]"
                             :name="pageData['9853'][2].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="1261"
                             :translate-y="1157"
                             :text-translate-y="-6"
                             :text-translate-x="87"
                             :rotate="180"
                             :text-dir="'ver'"
                         />
                     </g>
<!--                     1号电容器-->
                     <g transform="translate(850,132)">
                         <line x1="1216" y1="980" x2="1216" y2="1000" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="1216" cy="980" fill="rgb(0,210,0)"></circle>
                         <shou-che-svg1 :gap="20" :shou-che-data-obj="pageData['9871'][1]"  :rotate="90" :translate-x="1256" :translate-y="1020" :title-x="-25" :title-y="-10"></shou-che-svg1>
                         <line x1="1216" y1="1016" x2="1216" y2="1065" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1081" x2="1216" y2="1100" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <line x1="1216" y1="1130" x2="1216" y2="1200" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <polyline points="1216,1145,1246,1145,1246,1155" stroke="rgb(0,210,0)" stroke-width="2" fill="none"></polyline>
                         <connect-line
                             :state="pageData['9871'][2].state_val"
                             :stateDesc="pageData['9871'][2].state_desc"
                             :info="pageData['9871'][2]"
                             :name="pageData['9871'][2].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="1240"
                             :translate-y="1104"
                             :text-translate-y="-10"
                             :text-translate-x="10"
                         ></connect-line>
                         <rect-svg
                             :state="pageData['9871'][0].state_val"
                             :stateDesc="pageData['9871'][0].state_desc"
                             :info="pageData['9871'][0]"
                             :name="pageData['9871'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :rotate="90"
                             :translate-y="1025"
                             :translate-x="1245"
                             :text-translate-x="16"
                             :text-translate-y="-6"
                             :scale="0.7"
                             :itemObj="{is_clear:pageData['9871'][0].is_clear}"
                         ></rect-svg>
                         <terminal-svg
                             :state="pageData['9871'][3].state_val"
                             :stateDesc="pageData['9871'][3].state_desc"
                             :info="pageData['9871'][3]"
                             :name="pageData['9871'][3].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :text-dir="'ver'"
                             :translate-x="1261"
                             :translate-y="1200"
                             :text-translate-y="-20"
                             :text-translate-x="85"
                             :rotate="180"
                         />
                         <g transform="translate(1025,1210)">
                             <num-screen
                                 name="1号电容器"

                                 :P="null"
                                 :Q="pageData['9871'][5].state_val"
                                 :Ia="pageData['9871'][4].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                             ></num-screen></g>
                         <dianrongqi   :scale=1
                                       :translate-x="-624"
                                       :translate-y="770"
                                       :rotate="0"
                                       color="rgb(0,210,0)"></dianrongqi>
                     </g>
<!--                     10kVⅠ母PT-->
                     <g transform="translate(2000,700)">
                         <g transform="translate(-60,190)">
                             <num-screen
                                 name="10kVⅠ母PT"

                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="10"
                                 :text-width="120"
                             ></num-screen>
                         </g>
                         <g transform="translate(10,420)">
                             <num-screen
                                 name="10kVⅡ母"
                                 :is-mother="true"
                                 :Ua="pageData['10东母'][0].state_val"
                                 :Ub="pageData['10东母'][1].state_val"
                                 :Uc="pageData['10东母'][2].state_val"
                                 :Uab="pageData['10东母'][3].state_val"
                                 :UO="pageData['10东母'][4].state_val"
                                 :dir="'bottom'"
                                 :num-tran-y="-40"
                                 :num-tran-x="-10"
                                 :text-width="70"
                             ></num-screen>
                         </g>
                         <line x1="135" y1="290" x2="135" y2="310" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <connect-line
                             :state="pageData['9855'][0].state_val"
                             :stateDesc="pageData['9855'][0].state_desc"
                             :info="pageData['9855'][0]"
                             :name="pageData['9855'][0].state_desc"
                             @itemRightClick="itemRightClick"
                             :scale="0.6"
                             :rotate="90"
                             :translate-x="159"
                             :translate-y="314"
                             :text-translate-y="-5"
                             :text-translate-x="8"
                         ></connect-line>
                         <line x1="135" y1="342" x2="135" y2="412" stroke="rgb(0,210,0)" stroke-width="2"></line>
                         <circle r="5" cx="135" cy="412" fill="rgb(0,210,0)"></circle>
                         <polyline points="135,362,93,362,93,342" stroke="rgb(0,210,0)" stroke-width="2" fill="none"></polyline>
                         <circle r="5" cx="135" cy="362" fill="rgb(0,210,0)"></circle>
                         <terminal-svg
                             :state="pageData['9855'][1].state_val"
                             :stateDesc="pageData['9855'][1].state_desc"
                             :info="pageData['9855'][1]"
                             :name="pageData['9855'][1].state_desc.split('-')[1]"
                             @itemRightClick="itemRightClick"
                             :scale=0.6
                             :translate-x="78"
                             :translate-y="296"
                             :text-translate-y="5"
                             :text-translate-x="-6"
                             :rotate="0"
                             :text-dir="'ver'"
                         />
                         <dian-liu-hu-gan-qi :translate-x="-5" :translate-y="420" :rotate="-90" color="rgb(0,210,0)"></dian-liu-hu-gan-qi>
                     </g>
                 </g>
             </svg>
            </div>
        </div>

        <rightClickmenuList v-if="rightMenuObj&&showMenu" :rightMenuObj="rightMenuObj" @menuItemClick="menuItemClick"></rightClickmenuList>
        <el-dialog  custom-class="yaokongPersonDialog" :visible.sync="operatorPwdDialogVisible_0" width="22%" :close-on-click-modal="false">
            <p slot="title" class="el-dialog__title">操作人</p>
            <div class="operatorPwd">
                <div class="operator">
                    <label>请输入操作人</label>
                    <el-select size="small" v-model="operatorPwdObj.username" style="width: 16rem;">
                        <el-option
                            v-for="(item,index) in userInfoJson.operatorList"
                            :key="index"
                            :label="item.username"
                            :value="item.username"
                        ></el-option>
                    </el-select>
                </div>
                <div class="pwd">
                    <label>请输入密码</label>
                    <el-input v-model="operatorPwdObj.pwd" size="small" type="password"   @keydown.enter.native="operatorPwdSubmit_0"></el-input>
                </div>
            </div>
            <span slot="footer" class="dialog-footer" >
				<el-button size="small" @click="operatorPwdSubmit_0">确 定</el-button>
				<el-button size="small" @click="operatorPwdDialogVisible_0 = false">取 消</el-button>
			</span>
        </el-dialog>
        <el-dialog  custom-class="yaokongPersonDialog" :visible.sync="operatorPwdDialogVisible" width="22%" :close-on-click-modal="false">
            <p slot="title" class="el-dialog__title">监护人</p>
            <div class="operatorPwd">
                <div class="operator">
                    <label>请输入监护人</label>
                    <el-select size="small" v-model="adminPwdObj.username" style="width: 16rem;">
                        <el-option
                            v-for="(item,index) in userInfoJson.adminList"
                            :key="index"
                            :label="item.username"
                            :value="item.username"
                        ></el-option>
                    </el-select>

                </div>
                <div class="pwd">
                    <label>请输入监护员密码</label>
                    <el-input v-model="adminPwdObj.pwd" size="small" type="password" @keydown.enter.native="operatorPwdSubmit"></el-input>
                </div>
            </div>
            <span slot="footer" class="dialog-footer" >
				<el-button size="small" @click="operatorPwdSubmit">确 定</el-button>
				<el-button size="small" @click="operatorPwdDialogVisible = false">取 消</el-button>
			</span>
        </el-dialog>
        <el-dialog
            custom-class="switchPatrolDialog"
            :visible.sync="dialogVisible"
            :close-on-press-escape="true"
            :close-on-click-modal="true"
            :width="`40%`"
            :modal="false"
            @before-close="handleDialogClose"
        >

            <!-- 隔离刀 -->
            <template v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'gelidao'">

                <!-- 遥控 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
                    <p slot="title" class="el-dialog__title">遥控</p>
                    <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj" :text="yaokongMsg"></yaokongDialog>
                </template>

                <!-- 开关清闪 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
                    <p slot="title" class="el-dialog__title">开关清闪</p>
                </template>



                <!-- 挂牌/摘牌 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
                    <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
                    <guapaiDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></guapaiDialog>
                </template>

                <span slot="footer" class="dialog-footer" >
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value != 4" size="small" @click="dialogVisible = false">取 消</el-button>

                    <!-- 遥控 按钮 -->
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1&&!canyaoKong" size="small" @click="yaokongSelect">遥控选择</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1&&canyaoKong" size="small" @click="remoteControlSelect">遥控执行</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1" size="small" type="primary" plain @click="dialogVisible = false">关 闭</el-button>
                    <!-- 挂牌/摘牌 按钮 -->
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 6" size="small" type="primary" @click="handleBrand">确 定</el-button>

				</span>
            </template>

            <!-- 地刀 -->
            <template v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'didao'">
                <!--          遥控-->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
                    <p slot="title" class="el-dialog__title">遥控</p>
                    <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj" :text="yaokongMsg"></yaokongDialog>
                </template>
                <!-- 开关清闪 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 0">
                    <p slot="title" class="el-dialog__title">开关清闪</p>
                    <span>暂无内容</span>
                </template>

                <!-- 全站清闪 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 4">
                    <p slot="title" class="el-dialog__title">全站清闪</p>
                    <span>暂无内容</span>
                    <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
                </template>
                <!-- 挂牌/摘牌 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 5">
                    <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
                    <guapaiDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></guapaiDialog>
                </template>
                <span slot="footer" class="dialog-footer" >
            <!-- 遥控 按钮 -->					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 0" size="small" @click="dialogVisible = false">取 消</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1&&!canyaoKong" size="small" @click="yaokongSelect">遥控选择</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1&&canyaoKong" size="small" @click="remoteControlSelect">遥控执行</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1" size="small" type="primary" plain @click="dialogVisible = false">关 闭</el-button>


                    <!-- 挂牌/摘牌 按钮 -->
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 5" size="small" type="primary" @click="handleBrand">确 定</el-button>
				</span>
            </template>

            <!-- 断路器 -->
            <template v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'duanluqi'">
                <!-- 遥控 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
                    <p slot="title" class="el-dialog__title">遥控</p>
                    <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj" :text="yaokongMsg"></yaokongDialog>
                </template>
                <!-- 开关清闪 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
                    <p slot="title" class="el-dialog__title">开关清闪</p>
                    <span>确定要将{{currentSelectMenuItemObj.currentObj.name}}开关清闪吗？</span>
                    <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
                </template>
                <!-- 全站清闪 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 3">
                    <p slot="title" class="el-dialog__title">全站清闪</p>
                    <span>确定要将全部设备进行清闪吗？</span>
                    <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
                </template>

                <!-- 挂牌/摘牌 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
                    <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
                    <guapaiDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></guapaiDialog>
                </template>
                <span slot="footer" class="dialog-footer" >
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value != 4" size="small" @click="dialogVisible = false">取 消</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 2" size="small" @click="clearFlesh">确定</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 3" size="small" @click="clearAll">确定</el-button>
                    <!-- 遥控 按钮 -->
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1&&!canyaoKong" size="small" @click="yaokongSelect">遥控选择</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1&&canyaoKong" size="small" @click="remoteControlSelect">遥控执行</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1" size="small" type="primary" plain @click="dialogVisible = false">关 闭</el-button>

                    <!-- 挂牌/摘牌 按钮 -->
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 6" size="small" type="primary" @click="handleBrand">确 定</el-button>
				</span>
            </template>

            <!-- 把手 -->
            <template v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'bashou'">
                <!-- 操作 - 弹框 -->
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
                    <p slot="title" class="el-dialog__title">操作</p>
                    <span>暂无内容</span>
                </template>
                <span slot="footer" class="dialog-footer" >
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value != 2" size="small" @click="dialogVisible = false">取 消</el-button>

				</span>
            </template>



            <template v-if="currentSelectMenuItemObj&&currentSelectMenuItemObj.type=='ruanyaban'">
                <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
                    <p slot="title" class="el-dialog__title">遥控</p>
                    <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj" :text="yaokongMsg"></yaokongDialog>
                </template>
                <span slot="footer" class="dialog-footer" >
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 2" size="small" @click="dialogVisible = false">取 消</el-button>

                    <!-- 遥控 按钮 -->
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1&&!canyaoKong" size="small" @click="yaokongSelect">遥控选择</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1&&canyaoKong" size="small" @click="remoteControlSelect">遥控执行</el-button>
					<el-button v-if="currentSelectMenuItemObj && currentSelectMenuItemObj.currentSelectItem.value == 1" size="small" type="primary" plain @click="dialogVisible = false">关 闭</el-button>
				</span>
            </template>




        </el-dialog>
        <el-dialog title="教案初始化" :visible.sync="newJiaoAnDialog" width="40rem" 	custom-class="switchPatrolDialog" :close-on-press-escape="true"
                   :close-on-click-modal="true" 	@close="closeJiaoAn">
            <el-form :model="form">
                <el-form-item label="教案名称" label-width="8rem">
                    <el-input v-model="form.name" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item label="工况文件" label-width="8rem">
                    <el-select v-model="form.region" placeholder="请选择工况文件">
                        <el-option  v-for="(item,index) in form.gKList" :key="index" :label=item.name :value=item.id></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="教案描述" label-width="8rem">
                    <el-input
                            type="textarea"
                            :rows="2"
                            placeholder="请输入内容"
                            v-model="form.desc">
                    </el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="newJiaoAn">教案入库</el-button>
                <el-button type="primary" @click="clearNewData">取消</el-button>
            </div>
        </el-dialog>
        <load-jiao-an :loadJiaoAn="loadJiaoAn" @DialogClose="closeJiaoAn"></load-jiao-an>
        <remove-jiao-an :removeJiaoAn="removeJiaoAn" @DialogClose="closeJiaoAn"></remove-jiao-an>
        <start-handle :startHandle="startHandle" @DialogClose="closeHandle" @showAddJiaoAn="showAddJiaoAn"></start-handle>
        <sys-gong-kuang :sysGongKuang="sysGongKuang" @DialogClose="closeJiaoAn"></sys-gong-kuang>
        <el-dialog ref="operateRecordDialogRef" custom-class="operateRecordDialog" :modal="false" :close-on-click-modal="false" v-if="operationRecordsDialogVisible" :visible.sync="operationRecordsDialogVisible" v-dialogDrag:{dialogDrag}="true" width="35%">
            <p slot="title" class="el-dialog__title">操作记录</p>
            <div class="messageAlarmList">
                <el-table :data="operationRecordsData" width="100%" height="250" >
                    <el-table-column prop="num" label="序号" width="85" header-align="center" align="center" >
                        <template #default="{row}">
                            <span :class="{'is-highlight': !!row.isHighlight}">{{row.num}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="createTime" label="操作时间" width="160" header-align="center" align="center" >
                        <template #default="{row}">
                            <span :class="{'is-highlight': !!row.isHighlight}">{{row.createTime}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="log_desc" label="操作描述" header-align="center" >
                        <template #default="{row}">
                            <span :class="{'is-highlight': !!row.isHighlight}">{{row.log_desc}}</span>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
        </el-dialog>
        <el-dialog
            custom-class="switchPatrolDialog"
            :visible.sync="gzVisible"
            v-if="gzVisible"
            :close-on-press-escape="true"
            :close-on-click-modal="true"
            :width="`40%`"
            :modal="false"
            @before-close="handleDialogClose"
        >
            <p slot="title" class="el-dialog__title">故障异常设置:{{ rightMenuObj?.deviceName }}</p>
            <guzhangshezhiDialog @updateData="updateData"
                                 ref="faultDialog"
                                 :type="rightMenuObj?.type" :deviceName="rightMenuObj?.deviceName" :index="index"></guzhangshezhiDialog>
            <span slot="footer" class="dialog-footer" >
					<el-button size="small" @click="cancelGz">取 消</el-button>
					<el-button  size="small" type="primary" @click="mainTransformerFaultSetBtn">确 定</el-button>
				</span>
        </el-dialog>
    </div>
</template>
<script>
import ScaleBox from "@/components/ScaleBox/ScaleBox.vue";
import MonitorHeader from "@/components/MonitorHeader/MonitorHeader.vue";
import SysGongKuang from "@/components/JA/sysGongKuang.vue";
import StartHandle from "@/components/JA/startHandle.vue";
import RemoveJiaoAn from "@/components/JA/removeJiaoAn.vue";
import LoadJiaoAn from "@/components/JA/loadJiaoAn.vue";
import { getOperateRecord, saveJAn, submitOperateRecord } from "@/api/api";
import { EventBus } from "@/tools/bus";
import NumScreen from "@/components/controls/numScreen.vue";
import BiLeiQi from "@/components/controls/biLeiQi.vue";
import XianQuan from "@/components/controls/xianquan.vue";
import { wsSend } from "@/tools/sendMessage";
import TerminalSvg from "@/components/controls/terminal-svg.vue";
import ConnectLine from "@/components/controls/connect-line.vue";
import RectSvg from "@/components/controls/rect-svg.vue";
import MainBus from "@/components/controls/mainBus.vue";
import DianLiuHuGanQi from "@/components/controls/dianLiuHuGanQi.vue";
import Jiedi from "@/components/controls/jiedi.vue";
import ShouCheSvg from "@/components/controls/shou-che-svg.vue";
import Zhanyongbian from "@/components/controls/zhanyongbian.vue";
import FourCircle from "@/components/controls/fourCircle.vue";
import DianKangQi from "@/components/controls/dianKangQi.vue";
import TwoCircle from "@/components/controls/twoCricle.vue";
import Dianrongqi from "@/components/controls/dianrongqi.vue";
import TwoTriangle from "@/components/controls/twoTriangle.vue";
import ShouCheSvg1 from "@/components/controls/shou-che-svg1.vue";
import {pageHandler} from "@/mixins/pageHandler";
import RightClickmenuList from "@/components/rightClickmenuList/rightClickMenuList.vue";
import YaokongDialog from "@/components/rightClickmenuList/yaokongDialog.vue";
import guzhangshezhiDialog from "@/components/rightClickmenuList/guzhangshezhiDialog.vue";
export default {
    name: "mainPage",
    components: {
        guzhangshezhiDialog,
        YaokongDialog,
        RightClickmenuList,
        ShouCheSvg1,
        TwoTriangle,
        Dianrongqi,
        TwoCircle,
        DianKangQi,
        FourCircle,
        Zhanyongbian,
        ShouCheSvg,
        Jiedi,
        DianLiuHuGanQi,
        MainBus,
        RectSvg,
        ConnectLine,
        TerminalSvg,
        XianQuan,
        BiLeiQi,
        NumScreen,
        LoadJiaoAn,
        RemoveJiaoAn,
        StartHandle,
        SysGongKuang,
        MonitorHeader,
        ScaleBox
    },
    mixins: [pageHandler],
    data() {
        return {
            ycInfo: {
                yc:[],
                ec:[],
                excepts:[]
            },
            gzVisible:false,
            index:0,
            operationRecordsDialogVisible:false,
            operationRecordsData:[],
            jiaoAnValue: [],
            pageData:null,
            jiaoAnOptions_1:[],
            jiaoAnOptions: [{
                value: '生成教案',
                label: '生成教案',

            }, {
                value: '加载教案',
                label: '加载教案',
            },
                {
                    value: '删除教案',
                    label: '删除教案',
                },{
                    value: '录制教案',
                    label: '录制教案',
                    children: [{
                        value: '开始记录操作到教案完全记录',
                        label: '开始记录操作到教案完全记录'
                    }, {
                        value: '结束记录操作到教案完全结束',
                        label: '结束记录操作到教案完全结束'
                    },]
                }],
            form: {
                name: '',
                gKList: [],
                region:'',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: '',
            },
            gongkuangValue:[],
            newJiaoAnDialog: false,
            gongKuangOptions: [{
                value: '系统工况',
                label: '系统工况',
            }],
            loadJiaoAn:false,
            //删除教案
            removeJiaoAn:false,
            //
            startHandle:false,
            //工况
            sysGongKuang:false,
        }
    },
    watch: {
        watch: {
            newJiaoAnDialog(val) {
                if (val){
                    this.getGkList();
                }
            }
        }
    },
    created() {
        EventBus.$on('ws-connected', this.handleWSConnected)
        if (this.$store.state.ws && this.$store.state.ws.readyState === WebSocket.OPEN) {
            this.handleWSConnected()
        }
    },
    methods: {
        mainTransformerFaultSetBtn() {
            if (this.ycInfo.yc.length===0&&this.ycInfo.excepts.length===0&&this.ycInfo.ec.length===0){
                this.$message.error('当前未选择任何异常信息')
                return
            }
            const ycLen = this.ycInfo.yc.length
            const ecLen = this.ycInfo.ec.length
            if (ycLen > 0 && ecLen > 0) {
                this.$message.error('不能同时选择一次和二次故障')
                return
            }
            if (ycLen === 0 && ecLen === 0) {
                this.$message.error('必须选择一个故障')
                return
            }
            if (ycLen>1||ecLen>1) {
                this.$message.error('只能选择一个故障')
                return;
            }
            wsSend(this.sendMsgData)
            EventBus.$once("ws-message",(e)=>{
                if (e.cmd==='faultSet'){
                    this.$message.success('故障设置成功')
                    this.handleDialogClose()
                }
            })
        },
        updateData(e){
            this.sendMsgData={
                "cmd":'faultSet',
                ...e,
            }
            this.ycInfo =e
        },
        cancelGz(){
            this.gzVisible = false
            this.$refs.faultDialog.resetSelection()
        },
        dangwei(val,val_1,name){
            wsSend({
                "cmd": "byqDwChange",
                "dataId":val_1,
                "operate":val,
            });
            submitOperateRecord( {
                log_desc:`${name}${val==='up'?'升':val==='down'?'降':'停'}档操作`
            })
        },
        handleWSConnected() {
            if (this.$store.state.wsHandled) return
            this.$store.commit('setWsHandled',true)
            wsSend({ cmd: 'getMonitorMainPage' })
        },
        getOperateRecordList() {
            getOperateRecord({}).then(res => {
                if (res.data){
                    const data = JSON.parse(JSON.stringify(res.data.map(o => {
                        o.isHighlight = false;
                        return o;
                    })));
                    if (this.operationRecordsData.length && this.operationRecordsData.length !== data?.length) {
                        data[0].isHighlight = true;
                    }
                    this.operationRecordsData = data;
                }

            });
        },
        operationRecords() {
            this.operationRecordsDialogVisible = true
            this.operationRecordsData = [];
            this.getOperateRecordList();
            this.$nextTick(() => {
                this.$refs.operateRecordDialogRef.$el.style.pointerEvents = 'none';
            });
        },
        clearAll(){
            wsSend({ "cmd": "switchAllClear" })
            submitOperateRecord({ log_desc: '全站清闪' },false)
        },
        alertLog(){
            wsSend({ "cmd": "openAlertWindow" })
        },
        startDrag(e) {
            e.preventDefault();
            const el = this.$refs.page;
            this.isDragging = true;
            this.startX = e.clientX;
            this.startY = e.clientY;
            this.scrollLeft = el.scrollLeft;
            this.scrollTop = el.scrollTop;

            window.addEventListener("mousemove", this.onDrag);
            window.addEventListener("mouseup", this.stopDrag);
        },
        onDrag(e) {
            if (!this.isDragging) return;
            e.preventDefault();

            const dx = e.clientX - this.startX;
            const dy = e.clientY - this.startY;

            cancelAnimationFrame(this.dragAnimationFrame);

            this.dragAnimationFrame = requestAnimationFrame(() => {
                const el = this.$refs.page;
                if (!el) return;

                el.scrollLeft = this.scrollLeft - dx;
                el.scrollTop = this.scrollTop - dy;
            });
        },
        stopDrag() {
            this.isDragging = false;
            cancelAnimationFrame(this.dragAnimationFrame);
            window.removeEventListener("mousemove", this.onDrag);
            window.removeEventListener("mouseup", this.stopDrag);
        },
        async newJiaoAn(){
            if (this.form.name===''){
                this.$message.error('请输入名称')
                return
            }
            if (this.form.region===''){
                this.$message.error('请选择工况')
                return
            }
            if (this.form.desc===''){
                this.$message.error('请输入描述')
                return
            }
            const params = {
                gkId:this.form.region,
                name: this.form.name,
                teaDesc: this.form.desc,
            }
            const res=await saveJAn(params);
            if (res.data.code===200){
                this.$message.success('添加成功')
                this.clearNewData();
            }else{
                this.$message.error('添加失败请检查网路设置')
            }
        },
        closeJiaoAn(){
            this.gongkuangValue=undefined;
            this.jiaoAnValue=undefined;
            this.loadJiaoAn=false
            this.removeJiaoAn=false
            this.sysGongKuang=false
            this.newTicket=false
        },
        closeHandle(){
            this.gongkuangValue=undefined;
            this.jiaoAnValue=undefined;
            this.startHandle=false
        },
        clearNewData(){
            this.form = {
                name: '',
                gKList: [],
                region:'',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: '',
            };
            this.newJiaoAnDialog = false
        },
        showAddJiaoAn(){
            this.newJiaoAnDialog = true
        },
        handleChange(value) {
            if (value){
                this.jiaoAnValue=null
                this.gongkuangValue=null
                const currentSelect = value[value.length - 1]
                switch (currentSelect){
                    case '生成教案':
                        this.newJiaoAnDialog = true
                        break
                    case '加载教案':
                        this.loadJiaoAn = true
                        break
                    case '删除教案':
                        this.removeJiaoAn = true
                        break
                    case '开始记录操作到教案完全记录':
                        this.startHandle = true
                        break
                    case '系统工况':
                        this.sysGongKuang = true
                        break
                }
            }
        },
        messageHandle(data){
            if (data.cmd==='getMonitorMainPage'){
                this.pageData = JSON.parse(JSON.stringify(data.data))
                console.log(JSON.parse(JSON.stringify(this.pageData)),'主图数据')
            }
        },
    },
    mounted() {
        if(['teacher','admin'].includes(this.$store.state.user?.userRole)){
            this.jiaoAnOptions_1=JSON.parse(JSON.stringify(this.jiaoAnOptions))
        }else{
            this.jiaoAnOptions_1=this.jiaoAnOptions.filter(o=>o.value==='加载教案')
        }
        EventBus.$on("ws-message",this.messageHandle)
        this.$store.commit('setMainPage',true)
    },
    beforeCreate() {
        this.$store.commit('setWsHandled',false)
    },
    beforeDestroy() {
        EventBus.$off("ws-message",this.messageHandle)
        EventBus.$off('ws-connected')
        this.$store.commit('setMainPage',false)
    },
};
</script>
